dkim's devlog dkim's devlog

> 주말 간에 Node.js 강의를 1-5까지 수강하고 배운 내용을 짧게 정리해보았다(강의노트 ~1-2). 몇 년 전에 Node.js를 사용하여 프로젝트를 진행할 때는 몰랐던 기반 구조와 관련된 부분들을 배웠다. Event loop와 관련된 부분은 어떻게 활용하는지 새 프로젝트를 진행하면서 체득해 나가야겠다. 학습 키워드: javascript, Node.js, event loop, non-blocking I/O, event queue Node.js1) What is it?: - Node.js: Chrome V8 JavaScript 엔진(C 기반)으로 빌드된 JavaScript 런타임으로, 'single threaded event loop' 방식이다. Single thread는 일반적으로 하나의 작업이 완..

> CS 강의를 수강하고, 내용을 이해한대로 정리해보았다. 내배캠 시작 이전에 개인적으로 진행하던 웹 서버 프로젝트에서 시도했다가 잘 몰라서 넘어갔던 HTTPS 서버의 동작이나 구현에 대한 부분들이 나와서 개념을 이해하는데 도움이 많이 되었다. 학습 키워드: TCP/IP, handshake, UDP, HTTP, HTTPS, SSL, TLS 1. TCP/IP, UDP1) What is it?: - Packet: Header, payload, trailer(footer)의 구조로 이루어져 네트워크 계층(L3)에서 주고받는 정보 단위로, header에는 패킷의 길이나 IP주소, 프로토콜 등 패킷의 정보가 담겨있고, payload는 패킷의 본문, trailer는 패킷의 끝을 수신자에게 알리는 bit 정보가 담겨..

> 프로젝트 발표가 끝나고 여유 시간이 생겨서 강의를 수강했다. 또한 과제를 돌아보면서 떠오른 생각을 가볍게 적어보았다. 학습 키워드: OSI model, 7 Layers, this, context, call, apply, bind 1. OSI model1) What is it?: - OSI 7 계층(Layers)이라고 알려져있는 네트워크 구조 모델이다. L2 스위치와 L3 라우터 장비들을 조금 다뤄본 경험이 있는데, 전문 지식이 있던 것은 아니어서 알아보던 중에 OSI 7계층이라는 말을 처음 들어봤었다. Physical, Data Link, Network, Transport, Session, Presentation, Application으로 순서대로 1부터 7까지의 layer가 존재한다. 국제 표준화 ..

> 팀 과제 발표를 마치며 KPT 회고를 작성해보았다.KeepGithub의 Issue와 Pull Request를 적극 활용하여 프로젝트를 진행했다.Github에서 배포용, 개발용 branch를 나누고 개발 branch를 기반으로 기능 추가 개발용 branch를 생성하면서 작업했는데, 협업 간에 실수로 develop branch를 덮어쓰지 않도록 Github의 branch 보호 기능을 사용하여 review가 완료된 Pull Request를 통해서만 merge를 진행할 수 있도록 설정했다.작업을 먼저 완료한 팀원이 개발 진행이 더딘 팀원에게 지식이나 정보 공유 등 적극 도움을 주어 팀원 전체 역량 향상에 힘썼다.사전에 Wireframe 및 README.md 를 작성하고, 코드 작성간에 틈틈이 JSDoc 으로..

> 팀 프로젝트 제출 전 날 동안 CSS를 수정하면서 배운 부분들을 정리해보았다. 학습 키워드: CSS, custom variable, transition 1. Custom Variable1) What is it?: - CSS에서도 임의의 변수를 지정하여 다른 property 들에서 값으로 사용할 수가 있다. 2) How does it work?::root { --scroll-width: 25px; --full-width: calc(100vw - var(--scroll-width)); --half-width: calc(50vw - var(--scroll-width));} - 위는 과제 css 파일의 일부다. :root는 이 document의 root element, 즉 element를 ..

> 프로젝트를 진행하면서 발생했던 문제점과 관련있는 부분들을 간단하게 알아봤다. 학습 키워드: Java, Javascript, dependency injection, DI, assembler 1. Dependency Injection1) What is it?: - Dependency Injection (DI, 의존성 주입)은 프로그래밍에 널리 쓰이는 기법으로, 직접적인 class 사용을 피하고 interface 등의 사용으로 여러 버전의 클래스(혹은 함수)를 유동적으로 바꿔가며 쓸 수 있도록 하여 코드의 재사용성을 챙기고, 그렇게 함으로써 refactoring 및 testing을 용이하게 하여 유지/보수까지 신경쓰는 디자인 패턴의 한 종류다. 2) How does it work?: - Wikipedia의..