-
JS - React
2일차 : 소스코드 수정방법, 배포, 컴포넌트 만들기
2일차 : 소스코드 수정방법, 배포, 컴포넌트 만들기 1일차에 우리는 개발 3대 작업인 설치를 끝냈습니다. (개발의 3대 작업은 설치, 수정 그리고 마지막은 배포입니다.) 수정하는 방법 자체는 5분이면 배운다고 하네요. 물론 수정을 어떻게.. 잘 하느냐가.. 관건이긴 하지만요..ㅎ 소스코드 수정방법 지난번에 create react를 이용해 개발 환경을 세팅했는데요. 지난 시간에는 모르고 지나쳤지만, 우선 이 방법을 사용하면 어떤 디렉토리 구조를 갖게 되는 지 먼저 살펴보겠습니다. 지난번에 만들어 둔 리액트 폴더에 분명 아무 것도 없었는데..! 명령어 하나 넣어줬더니 트리가 아주 풍성한 가지를 갖게 되었네요. 우선 가장 중요한 것은 src라는 폴더에 index.js라는 파일을 찾는 것입니다. 이것이 바로 ..
-
JS - React
1일차 : 수업소개, 실습환경 구축
1일차 : 수업소개, 실습환경 구축 수업소개 이 수업은 리액트 입문자를 위한 수업으로 리액트의 기본 문법과 핵심 개념을 익할 수 있습니다. 리액트는 사용자 정의 태그를 만드는 기술입니다. 복잡하고 긴 코드에 이름을 붙여서, 단순한 태그로 만들면 좋겠죠? 복잡한 코드들은 숨겨버리고 단순한 태그만 보여주는 것이죠. 사용자 정의 태그를 만들면, 이것이 가능해집니다. 리액트를 만드는 방법은 두 가지 방법이 있습니다. 바로 class 문법을 사용하는 것과 function 문법을 사용하는 것입니다. 요새는 대부분 함수 문법을 사용해서 리액트를 만들기 때문에, 이 수업에서는 함수를 사용할 예정입니다. 실습환경 구축 리액트를 이용하기 위해서 다운받아야 하는 것들이 꽤 있습니다. 만약 컴퓨터에 개발환경을 구축하기 어렵고..
-
JS - React
2일차 : 소스코드 수정방법, 배포, 컴포넌트 만들기
2일차 : 소스코드 수정방법, 배포, 컴포넌트 만들기 1일차에 우리는 개발 3대 작업인 설치를 끝냈습니다. (개발의 3대 작업은 설치, 수정 그리고 마지막은 배포입니다.) 수정하는 방법 자체는 5분이면 배운다고 하네요. 물론 수정을 어떻게.. 잘 하느냐가.. 관건이긴 하지만요..ㅎ 소스코드 수정방법 지난번에 create react를 이용해 개발 환경을 세팅했는데요. 지난 시간에는 모르고 지나쳤지만, 우선 이 방법을 사용하면 어떤 디렉토리 구조를 갖게 되는 지 먼저 살펴보겠습니다. 지난번에 만들어 둔 리액트 폴더에 분명 아무 것도 없었는데..! 명령어 하나 넣어줬더니 트리가 아주 풍성한 가지를 갖게 되었네요. 우선 가장 중요한 것은 src라는 폴더에 index.js라는 파일을 찾는 것입니다. 이것이 바로 ..
-
JS - React
1일차 : 수업소개, 실습환경 구축
1일차 : 수업소개, 실습환경 구축 수업소개 이 수업은 리액트 입문자를 위한 수업으로 리액트의 기본 문법과 핵심 개념을 익할 수 있습니다. 리액트는 사용자 정의 태그를 만드는 기술입니다. 복잡하고 긴 코드에 이름을 붙여서, 단순한 태그로 만들면 좋겠죠? 복잡한 코드들은 숨겨버리고 단순한 태그만 보여주는 것이죠. 사용자 정의 태그를 만들면, 이것이 가능해집니다. 리액트를 만드는 방법은 두 가지 방법이 있습니다. 바로 class 문법을 사용하는 것과 function 문법을 사용하는 것입니다. 요새는 대부분 함수 문법을 사용해서 리액트를 만들기 때문에, 이 수업에서는 함수를 사용할 예정입니다. 실습환경 구축 리액트를 이용하기 위해서 다운받아야 하는 것들이 꽤 있습니다. 만약 컴퓨터에 개발환경을 구축하기 어렵고..
-
JavaScript
12일차 : UI vs API
12일차 : UI vs API 지금까지 자바스크립트의 핵심적인 문법을 살펴봤습니다. 자바스크립트를 활용하면 웹 애플리케이션을 개선할 수 있는 것도 배웠습니다. 마지막으로 정말 중요한 개념을 배우고, 자바스크립트 기본 강의는 마친다고 합니다. UI vs API UI와 API 둘다 많이 들어본 것 같은데요. UI는 User Interface의 약자로 평상시에 풀네임인 유저 인터페이스라는 말도 자주 듣게 되는 것 같습니다. API는 Application Programming Interface의 약자입니다. 일반적인 사용자 입장에서는 UI에 비해 자주 듣지 못한 단어인 것 같습니다. 이 둘은 비슷한듯 다르며, 다른듯 비슷합니다. 우선 사용자가 시스템을 제어하기 위해서 사용하는 조작장치를 UI라고 합니다. 우리가..