분류 전체보기
-
[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가 존재한다. 국제 표준화 ..
-
[KPT] 스파르타) Chapter 2 팀 과제 완료 (13조)KPT 2024. 5. 9. 16:40
> 팀 과제 발표를 마치며 KPT 회고를 작성해보았다.KeepGithub의 Issue와 Pull Request를 적극 활용하여 프로젝트를 진행했다.Github에서 배포용, 개발용 branch를 나누고 개발 branch를 기반으로 기능 추가 개발용 branch를 생성하면서 작업했는데, 협업 간에 실수로 develop branch를 덮어쓰지 않도록 Github의 branch 보호 기능을 사용하여 review가 완료된 Pull Request를 통해서만 merge를 진행할 수 있도록 설정했다.작업을 먼저 완료한 팀원이 개발 진행이 더딘 팀원에게 지식이나 정보 공유 등 적극 도움을 주어 팀원 전체 역량 향상에 힘썼다.사전에 Wireframe 및 README.md 를 작성하고, 코드 작성간에 틈틈이 JSDoc 으로..
-
[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..