전체 글77 Git & Github - 깃과 깃허브는 무엇인가? 1. Git이란? 컴퓨터 파일의 변경사항을 추적하고 여러 명의 사용자들 간에 해당 파일들의 작업을 조율하기 위한 분산 버전 관리 시스템이다. 소프트웨어 개발에서 소스 코드 관리에 주로 사용되지만, 어떠한 집합의 파일의 변경사항을 지속적으로 추적하기 위해 사용될 수 있다. 기하학적 불변 이론을 바탕으로 설계됐고, 분산 버전 관리 시스템으로서 빠른 수행 속도에 중점을 두고 있는 것이 특징이며, 데이터 무결성, 분산, 비선형 워크플로를 지원한다. 2. Git 개념 1) Repository(저장소) 레포지토리는 단어 뜻 그대로 파일 등이 저장되는 저장소로, 프로젝트 폴더를 말한다. 저장소의 종류는 2개이다. Remote Repository(원격 저장소) - 원격 서버에 저장된 저장소로, 여러 사람이 함께 공유한.. 2020. 6. 19. React - Props 1. Props란? React.js에서 props는 Immutable Data 즉, 변하지 않는 데이터이다. 상위(부모) component에서 하위(자식) component로 데이터를 넘겨줄 때 사용한다.(component에 전달해서 보관하길 원하는 데이터) 부모 객체가 자식 객체에 props 값을 전달하면, props 값을 받은 자식 객체는 이에 관한 부분들을 렌더링 하며, state라는 자체 값을 포함하여 데이터를 변경해주고, 다시 렌더링 해줄 수 있다. props는 개발에서 많이들 사용되는 용어인 프로퍼티(properties)의 줄임말이다. 만약 props의 값을 변경하고 싶을때는 component 내부가 아닌, 부모 component에서 변경해줘야 한다. 2. Props 사용 예 ↓ 부모객체에서 .. 2020. 6. 18. React - State(상태) 1. State란? state의 단어 뜻은 상태이다. 즉, component 내부에서 가지고 있는 component의 상태 값이다. 객체의 형태를 가지고 있으며, component 내에서만 정의하고 사용 가능하며, 얼마든지 값이 바뀔 수 있다. 2. State 설정 (클래스형 component에서 설정방법) class State extends Component { constructor(){ super(); this.state = { testColor: "brown", titleColor: "blue", test: true, }; } render() { return( //// JSX 내용 //// ); } } 클래스형 컴포넌트 안에는 기본적으로 render 함수가 필요하고 화면에 나타내고 싶은 JSX 요소.. 2020. 6. 17. Javascript - Variables(변수) 1. 변수의 사용 제 이름은 개발자입니다. 이름 = 개발자 컴퓨터도 사람과 같이 많은 데이터를 기억해야 하는데, 이때 변수를 사용한다. 2. 변수의 생성 다양한 값(value)을 각각의 변수에 저장한다. "직업", "이름"과 같은 역할을 하는 것을 variable(변수)라고 하며, "김개발", "개발자"와 같은 값은 value(값)이라고 한다. JavaScript에서 위의 문장을 표현하고 싶다면, 변수 이름 앞에 var라고 쓰고 값을 할당해주면 된다. var name = "김개발"; var job = "frontend developer"; name, job은 변수이다. 김개발은 name이라는 변수에 할당된 값이다. frontend developer은 job이라는 변수에 할당된 값이다. name이라는 변수.. 2020. 6. 17. Javascript - 주석 1. 주석이란 주석(Commenting)이란 코드를 작성하긴 했지만 브라우저에서 해당 코드를 무시하라는 뜻이다. 2. 주석을 사용하는 이유 코드를 볼 때마다 이해가 되지 않아 설명을 적어놓을 때 다른 사람에게 인수인계시 코드를 설명해 놓을 때 특정 코드를 다시 쓸 수도 있기 때문에 주석처리해놓고 설명을 적을 때 3. 주석의 형태 // 현재 줄은 주석, 브라우저에 나타나지 않는다. let hellow = []; // 빈 배열 선언 // 주석을 쓸 때는 slash 두개로 시작. 이렇게 slash 두 개를 사용해 //가 있는 줄만 주석 처리를 해줄 수도 있고, /* 이렇게 여러줄을 주석처리 해줄 수도 있다. */ 여러 줄을 한 번에 주석처리해주고 싶으면 위 코드와 같이 /*로 시작해서 */로 끝내면 된다. 2020. 6. 16. Introduction to JavaScript 1. JavaScript 소개 웹 페이지의 구조를 정의하는 것은 HTML이다. 그런데 HTML만 있다고 해서 웹페이지가 돌아가는 것은 아니다. 우리가 알고 있는 거의 모든 페이지에는 JavaScript 코드가 들어가 있다. JavaScript는 웹 페이지와 상호작용하도록 만들어진 언어이다. 프런트 앤드 개발자의 역할이 여러 가지 있겠지만, 가장 큰 역할은 JavaScript를 사용하여 웹페이지를 dynamic 하고 interactive 하게 만드는 일이다. JavaScript는 브라우저에서 사용자의 행동을 처리하고, 데이터도 저장하고, 네트워크 응답과 요청을 처리하는 역할을 한다. JavaScript를 실행시키려면 1. 브라우저가 존재해야 하고, 2.HTML 파일이 있어야 하고, 3. HTML 파일에서 .. 2020. 6. 16. 이전 1 ··· 6 7 8 9 10 11 12 13 다음
