본문 바로가기

TIL75

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.
Advanced Javascript(2021-02-10~2021-02-12) - 웹개발을 배우기 위해 Udemy에서 the-complete-web-developer-zero-to-mastery를 수강한 내용을 정리하는 포스팅입니다. - 틀린점이있거나 다른 의견이 있으시다면 언제든지 댓글로 남겨주시면 감사하겠습니다 :) Scope scope는 어떤 변수에 언제 접근이 가능한지를 의미한다. 디폴트로 자바스크립트는 root스코프(window object)이다. 함수내에서 선언된 변수는 해당 함수로 scope가 좁혀진다. 함수는 root scope에있는 어떤 변수라도 접근이 가능함. 지역변수와 전역변수개념은 C와 매우 비슷하다. 주의할점은 var 키워드는 if 문에서 새로운 scope를 생성하지 않는다는 것이다. 좀더 자세한 내용은 www.w3schools.com/js/js_scope... 2021. 2. 10.