웡지의 개발일지

본 포스팅은 수업내용의 단순 정리글입니다. (작성중)  들어가며 : 06. 자바스크립트 기본, 심화 문법 및 엔진 동작 원리 이번 포스팅에서는   01. 06-01. 함수형 프로그래밍 패러다임과 순수함수성 무엇을 배웠는가?ㅇㅇ  02. 06-02. 자바스크립트 변수 선언과 엔진 구동방식에 따른 TDZ 와 Lexical Scope 무엇을 배웠는가?ㅇㅇ  03. 함수와 this, 암시적 명시적바인딩에 대해 알아보자06-03. 자바스크립트 함수 작성 방법과 메서드 내 this 에 대한 암시적/명시적 바인딩 무엇을 배웠는가?ㅇㅇ  화살표함수에서는 this가 없고 일반함수에서는 this가 있다. 화살표함수는 정적바인딩, 일반함수에서는 동적바인딩이다. (왜냐하면 호출하는 데에 따라서 this가 달라지기 때문)  암..

본 포스팅은 수업내용의 단순 정리글입니다. (작성중)  들어가며 : 05. Git 개념 및 명령어와 브랜치 전략 및 배포 프로세스 이번 포스팅에서는   01. Cookie : 웹 브라우저 내 저장05-01. Git CLI 사용을 위한 리눅스 Shell 명령어 학습 무엇을 배웠는가?ㅇㅇ

본 포스팅은 수업내용의 단순 정리글입니다. (작성중)  들어가며 : 04. 웹 브라우저와 웹 서버의 저장소 및 HTTPS, CORS 보안 이번 포스팅에서는 웹 브라우저 내의 저장소인 Cookie와 Storage에 대해 알아보고, 웹 서버 내의 저장소인 Session에 대해 알아본다. 추가로 웹 보안적인 측면에서 HTTPS의 등장배경, 동작원리를 알아보고 CSRF가 뭔지, 그를 막기 위한 CORS 정책에 대해 알아보자.   01. Cookie : 웹 브라우저 내 저장04-01. 웹 브라우저 내 저장 : 1) Cookie 무엇을 배웠는가?HTTP는 기본적으로 Stateless한 프로토콜이지만, Cookie와 Session을 활용해 Stateful한 동작을 구현할 수 있다. Stateless, stateful..

본 포스팅은 수업내용의 단순 정리글입니다.   들어가며 : 03. 웹 브라우저 성능 개선 및 웹 서버 부하 완화를 위한 HTTP Cache 와 Proxy 웹 브라우저 성능을 개선하는 http cache와 웹 서버 부하 완화를 위한 Proxy에 대해 알아본다.HTTP cache는 자주 요청되는 리소스를 중간 서버에 임시로 저장해 웹 브라우저의 속도를 개선, 네트워크의 트래픽을 줄이는 기술이다. 브라우저에 위치한 것을 Private cache, proxy측에 위치한 것을 Shared cache라고 한다.  Proxy는 클라이언트와 서버 사이에서 요청을 중계하고, 웹 서버의 부하를 줄이거나 보안을 강화하고 IP주소를 숨기는 등의 역할을 수행하는 중간서버이다. 웹 브라우저측에 위치한 것이 Forward Pro..

본 포스팅은 수업내용의 단순 정리글입니다. (작성중) 02-20. 웹 개발이란 무엇이며, 어떻게 동작하나? 백엔드 편 이번 포스팅에서는     01. 백엔드 개발자가 갖춰야 하는 역량은 무엇일까?02-21. 백엔드 웹 개발이란 : 클라이언트가 필요하는 데이터를 반환하는 API 무엇을 배웠는가?백엔드 개발자는 단순히 API싸개만 개발하는 개발자가 아니다. 백엔드 개발자는 요청응답을 처리하는 방법론들을 알아야 하고, 그에는 REST API, Graph QL, Queue, WebSocket, SSE 등이 있다. 또한 요청 응답의 속도 및 대량 트래픽를 커버할 수 있는 능력도 길러야 한다.  1) 데이터 관리 = 데이터에 대한 모든 것 CRUD직렬화: 웹 서버에서 웹클라이언트로 응답하는 것 / Java 객체(2..

본 포스팅은 수업내용의 단순 정리글입니다. 02-10. 웹 개발이란 무엇이며, 어떻게 동작하나? - 프론트엔드이번포스팅에서는 프론트엔드 관점에서의 웹 개발을 알아본다. 과거의 직접 DOM조작에서 현재의 VDOM조작으로 변화하기까지의 내용을 다루며 자바스크립트 런타임과 비동기를 알아본다. 다음으로 프론트엔드 자바스크립트 프레임워크는 어떻게 동작하는지 원리를 알아보며 CSS 적용방법론과 CSS 전처리기, CSS 프레임워크에 대해 살펴본다. 마지막으로 프론트엔드가 웹페이지를 브라우저에게 렌더링되게하는 렌더링 패턴을 알아보고, 이 렌더링을 효율적으로 하기위해 어떤 최적화전략이 있는지 살펴본다.     01. 들어가며 : 프론트엔드 개발에서 DOM 조작 알아보기02-11. 웹 페이지 HTML 변경 Routing ..

본 포스팅은 수업내용의 단순 정리글입니다. 01. 웹 구성 간 흐름 및 직무 종류이번 포스팅은 웹 개발은 무엇인가에 대한 본질적인 질문부터 시작한다. 웹 개발은 결국 요청과 반환이라고 볼 수 있으며 웹을 이해하고 요구사항뿐 아니라 보안 등의 예외사항을 구현해내야하기 때문에 웹을 아는 것은 중요하다고 할 수 있다.요청과 반환은 웹브라우저와 웹 서버라는 주체를 통해 이루어지고 있으며 요청반환 방법으로는 REST API, GraphQL, gRPC등이 있다.웹 브라우저는 html, css, js로 이루어져 있으며, 웹 서버는 웹서버와 웹어플리케이션 서버로 나뉜다. 각각의 구성요소에 대해서도 살펴보자. 웹 브라우저 다른 사람과 공유하기 위해서는 인터넷이 필요하다. 인트라넷이 무엇인지 알아보며, ISP와 DNS에 ..