코드잇잇잇!
1.코드잇! 스프린트 0일차
코드잇 0일차에 접어든 나의 경험.
2.코드잇! 스프린트 1일차
코드잇 1일차에 접어든 나의 경험 공유
3.HTML : `<link>` and a [rel] attribute
구글 폰트를 내 문서에 적용시킬 때 사용하는 코드에서 매일같이 보는 link 와 rel... 근데 얘네가 뭔지 모르겠고 사용법도 알지 못한다??
4.HTML : entity code: <, >
엔티티 코드는 무엇이고, 어떤 기호들이 이러한 특수한 방법으로 표현해야 하는걸까
5.HTML : `<meta charset="">`
meta 태그에 charset 속성에 올 수 있는 값들이 무수히 많다? 그 많은 값들 중에 우리에게는 UTF-8 만 보이는 이유!
6.HTML: wrapper vs container
래퍼가 뭐고 컨테이너는 뭐지..? 둘의 용도가 다른걸까? 알아보도록 하자.
7.CSS: margin collapsing
마진 상쇄란게 있고, 이게 왜 일어나는 것일까? 난 정말 궁금하다...
8.CSS : Casacading
코드잇 위클리페이퍼 01주차 주제
9.CSS : mastering centering
중앙정렬 왜 안되는걸까? 내가 시도했던 잘못된 방법들과, mdn 이 권장하는 중앙정렬 방법 !
10.HTML : semantic tag
위클리 페이퍼 02주차 주제 : semantic 태그에는 어떤게 있고, 어떤 용도가 있을까 ? 그리고 왜 semantic 태그를 써야 하는 걸까 ?
11.CSS : position
위클리 페이퍼 02주차 주제 : position 속성 값들엔 어떤 것들이 있고, 용도가 어떻게 다른걸까?
12.git : merge options (merge / fastforward / squash / rebase)
위클리 페이퍼 03주차 주제 : git 에서 branch merge 방법들에는 어떤 것들이 있고, 각 방법마다 가지는 특징은 무엇일까 ?
13.git : git-flow strategy
위클리 페이퍼 03주차 주제 : git-flow 브랜치 전략이 뭘까 ?
14.HTML : open graph
HTML meta tag 부수기: Open Graph 태그의 강력함
15.HTML : <link>와 <script>의 위치: 페이지로드 최적화
Optimizing Page Load:
16.이웅모 저자 특강 (2024.05.07)
이웅모 저자 특강
17.JS : event bubbling, capturing, delegation
이벤트 버블링, 캡처링 및 위임을 이해하는 것은 웹 개발에서 효과적인 이벤트 관리를 위한 중요한 요소다. 이들에 대해 알아보자
18.JS : understanding of 'this'
자바스크립트에서 this 키워드를 이해하는 것은 중요하다. 이에 대해 알아보자.
19.HTTP : URI Fragment
URI 프래그먼트는 웹 콘텐츠와 상호작용하고 탐색하는 데 중요한 역할을 한다. 이에 대해 알아보자.
20.내가 유용하게 써먹을 hot keys
저장용
21.HTTP : URI Sheme and Deep Link
URI Sheme 과 Deep Link 에 대해 알아보자
22.React : 커스텀 훅과 컨텍스트 API
리액트 상태관리의 핵심 개념 두 가지에 대해 배워보자
23.CSS: css 기술 활용하기 (SASS, tailwind)
서로 다른 css 기술들을 사용하고 비교해 보았다
24.React : 헤드리스 컴포넌트 디자인 패턴
헤드리스 컴포넌트 디자인 패턴은 무엇일까? 알아보도록 하자
25.react : unknown prop error in styled-components
unknown prop error message의 의미는?
26.TS - 공변성과 반공변성
서론 타입스크립트에서 악명이 높은 공변성과 반공변성에 대해 알아보자. 먼저, 이 포스트는 tsconfig의 strictFunctionTypes 옵션이 true 인 경우를 기준으로 말함을 알린다. 공변성 (Covariance): 좁은 타입을 넓은 타입에 대입 O / 넓은 타입을 좁은 타입에 대입 X 공변성은 한 타입이 다른 타입의 서브타입(subtype)일...
27.TS - 타입스크립트 사용 이유
1. 정적 타입 검사 오류 사전 방지: 타입스크립트는 정적 타입 검사를 통해 코드 작성 중에 잠재적인 오류를 사전에 발견한다. 이는 디버깅 시간을 크게 줄이고, 코드의 안정성을 높인다. 예를 들어, 변수의 타입을 미리 지정함으로써 잘못된 타입의 값이 할당되는 것을 방지한다. IDE 지원 강화: 타입스크립트는 정적 타입 정보를 제공하므로, 코드 작성 시 더...
28.타입스크립트 동작 원리
|600 대다수의 프로그래밍 언어 사람이 사용하는 프로그래밍 언어를 컴퓨터가 이해할 수 있게, 중간에 컴파일이라는 과정이 수반됨 프로그래밍 언어 -> AST: 추상 문법 트리 -> 바이트 코드 타입스크립트 타입스크립트 -> AST -(타입 검사)> JavaScript 타입스크립트의 결과물은 바이트 코드가 아닌 자바스크립트 코드 타입 관련 문법들은 자바스크...
29.react - 컴파운드 컴포넌트
canva developer resources - compound components(https://canvas.workday.com/get-started/for-developers/resources/compound-components/\[patterns.de
30.js - 반복문 비교
자바스크립트에서 루프를 도는 방법에는 여러 가지가 있다. 각 루프는 특정한 상황에서 유용하며, 각각의 장단점이 있다. 여기서는 대표적인 루프 방법인 for 문, for...in 문, for...of 문, 그리고 forEach 메서드를 비교해 보겠다. 1. for 문 가장 기본적인 루프 방법이다. 반복 횟수를 지정하거나 조건을 설정하여 반복할 수 있다. ...