본문 바로가기

TIL/The Complete Web Developer in 2021: Zero17

APIs (2021-02-23) - 웹개발을 배우기 위해 Udemy에서 the-complete-web-developer-zero-to-mastery를 수강한 내용을 정리하는 포스팅입니다. - 틀린점이있거나 다른 의견이 있으시다면 언제든지 댓글로 남겨주시면 감사하겠습니다 :) Introduction to APIs API (Application Programming Interface)는 request를 받아서 시스템에게 무엇을 해야하는지 알려주는 메신저로 생각할 수 있다. Skyscanner와 같은 aggregator 사이트에 가보면 수많은 항공사의 항공편 정보를 볼수있다. 그런데 이 정보는 스카이스캐너 사이트가 직접 가지고 있는것이아니라 각 항공사의 데이터베이스에 있는 데이터이다. API를 통해서 이러한 정보를 가져오는것 특히 API는 .. 2021. 2. 23.
HTTP/JSON/AJAX +Asynchronous Javascript(2021-02-18~2021-02-22) - 웹개발을 배우기 위해 Udemy에서 the-complete-web-developer-zero-to-mastery를 수강한 내용을 정리하는 포스팅입니다. - 틀린점이있거나 다른 의견이 있으시다면 언제든지 댓글로 남겨주시면 감사하겠습니다 :) HTTP/HTTPS HTML은 문서를 다른 컴퓨터로 부터 받아올수가없으면 소용이없다. -> HTTP(Hyper Text Tranfer Protocol)를 팀버너스리가 또 개발. 클라이언트(브라우저)가 서버와 대화할떄 사용하는 언어로 생각 할 수 있다. -클라이언트로부터 서버로 보내는 메세지는 request -서버로부터 온 메세지는 response HTTP의 종류는 4가지로 아래와 같이 존재. -GET: 무언가를 받아올떄 사용 (트위터 타임라인 불러오기) -POST:.. 2021. 2. 18.
React.js (2021-02-15~17) - 웹개발을 배우기 위해 Udemy에서 the-complete-web-developer-zero-to-mastery를 수강한 내용을 정리하는 포스팅입니다. - 틀린점이있거나 다른 의견이 있으시다면 언제든지 댓글로 남겨주시면 감사하겠습니다 :) Introduction To React.js 리액트의 원칙 - Thinking in component : 지금까지 강의에서는 HTML, CSS, JS 한개씩만가지고 웹사이트를 만들어 보았음. 그런데 웹이 레고 블록처럼 되있어서 조합해 무언가를 만들수 있다면 어떨까? 각자가 작은 요소에만 집중하는 것 - One way dataflow : 데이터는 위에서부터 하향식으로 흐르고 다른 방향으로 흐르지 않는다. - Virtual DOM: 지난강의에서 웹의 속도를 올리기위해서.. 2021. 2. 15.
NPM + NPM Scripts(2021-02-14) - 웹개발을 배우기 위해 Udemy에서 the-complete-web-developer-zero-to-mastery를 수강한 내용을 정리하는 포스팅입니다. - 틀린점이있거나 다른 의견이 있으시다면 언제든지 댓글로 남겨주시면 감사하겠습니다 :) NPM(Node PackageManager)은 개발자들이 작성한 자바스크립트 코드를 공유하기 위해 만들어짐. NPM에서 다운받은 파일(모듈, 패키지)은 자바스크립트 파일 + package.json (해당 패키지를 설명하는 메타파일)으로 구성되어있다. 다른사람이 작성한 코드를 가져다 쓸 수 있기 떄문에 매우 편하지만 모든 패키지가 좋은 코드가 아니기때문에 주의가 필요하다. NPM에는 대채로 이하의 3가지 형태의 패키지가 존재한다. - 프론트엔드 영역의 코드 - 터미널.. 2021. 2. 14.
Git + Github + OpenSource Projects(2021-02-13) - 웹개발을 배우기 위해 Udemy에서 the-complete-web-developer-zero-to-mastery를 수강한 내용을 정리하는 포스팅입니다. - 틀린점이있거나 다른 의견이 있으시다면 언제든지 댓글로 남겨주시면 감사하겠습니다 :) Git + Github Part 1 현업에서는 팀멤버도 매우많고 파일의 종류도 매우 다양하다. Source control은 여러명의 사람이 각자 다른장소에서 같은 파일에 작업할 수 있도록 도와준다(마치 구글 docs처럼). 먼저 git for window를 다운받도록 하자. gitforwindows.org/ Git for Windows Git for Windows focuses on offering a lightweight, native set of tools th.. 2021. 2. 13.
Command Line(2021-02-13) - 웹개발을 배우기 위해 Udemy에서 the-complete-web-developer-zero-to-mastery를 수강한 내용을 정리하는 포스팅입니다. - 틀린점이있거나 다른 의견이 있으시다면 언제든지 댓글로 남겨주시면 감사하겠습니다 :) Terminal 은 프로그래머가 컴퓨터에 명령을 내리던 오리지널 방식임. 윈도우 에서는 git bash를 설치하여 사용할 수 있다. git bash에서의 커맨드리스트는 이하와 같다. 복사: Ctrl + Ins 붙여넣기: Shift+ Ins ls :현재 디렉토리에 있는 것들 나열 pwd : 현재 디렉토리 출력 cd 폴더명 : 디렉토리 접속 cd .. : 디렉토리에서 한번 나오기 clear : 입력창 지우기 cd / :루트 디렉토리 접속 cd ~ : 유저 디렉토리 접속.. 2021. 2. 13.