TIL-sparta
-
[TIL] 스파르타) CS 강의 수강 (TCP/IP, HTTP, HTTPS)TIL-sparta 2024. 5. 10. 16:51
> 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 정보가 담겨..
-
[TIL] 스파르타) CS 강의 수강 (OSI model), 프로젝트 복기 조금TIL-sparta 2024. 5. 9. 20:50
> 프로젝트 발표가 끝나고 여유 시간이 생겨서 강의를 수강했다. 또한 과제를 돌아보면서 떠오른 생각을 가볍게 적어보았다. 학습 키워드: 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가 존재한다. 국제 표준화 ..
-
[TIL] CSS 기능들 (custom variable, transition)TIL-sparta 2024. 5. 8. 22:23
> 팀 프로젝트 제출 전 날 동안 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를 ..
-
[TIL] 스파르타) Project3 마무리 (Dependency Injection)TIL-sparta 2024. 5. 7. 21:19
> 프로젝트를 진행하면서 발생했던 문제점과 관련있는 부분들을 간단하게 알아봤다. 학습 키워드: 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의..
-
[TIL] 스파르타) CS 강의 수강 (HashMap, HashSet)TIL-sparta 2024. 5. 6. 13:50
> 8강. 자료구조를 수강하고, 이전에 잘 몰랐던 부분을 이해한대로 정리해보았다. 학습 키워드: data structure, hashmap, chaining, open addressing, hashset 1. HashMap1) What is it?: - Key-value로 맺어진 pair 를 저장하는 Map 자료 구조에서 hash가 더해진 방식이다. 2) How does it work?: - 임의의 길이를 가진 key 값이 주어지면 이 key를 hash 함수를 통해 고정 길이를 가지는 hash로 변환한다. 변환된 hash값을 이용해 hash table의 해당 hash 주소에 value를 저장하는 방식으로 동작한다. - key와 value가 모두 고유한 일반적인 map과는 다르게, hashmap의 경우엔 ..
-
[TIL] 스파르타) CS 강의 수강 (Character Encoding, Numbers Representation)TIL-sparta 2024. 5. 5. 21:56
> CS 강의 7강, '자료의 저장과 표현'을 수강하고, 잘 몰랐던 부분을 최대한 이해한대로 정리해보았다. 학습 키워드: character encoding, unsigned integer, signed integer, floating-point, fixed-point, data structure 1. Character Encoding1) What is it?: - 컴퓨터에서 텍스트 자료를 저장할 때는 문자 인코딩 방식을 주로 사용한다. 문자 인코딩이란, 문자를 컴퓨터가 인식하기 쉽도록 숫자로 변환하여 매핑하는 것을 뜻한다. 대표적으로 ASCII, Unicode, UTF-8 등의 방식이 있다. 2) How does it work?: - ASCII (American Standard Code for Infor..