연구소
1.얕은 복사, 깊은 복사 연구소,,
얕은 복사와 깊은 복사 정리
2.토큰과 세션 연구소,,
토큰과 세션의 차이 정리 ㅇㅅㅇ
3.SemVer 연구소,,
버전을 표기하는 방법
4._언더스코어 연구소,,
TIL) _(언더스코어)와 메서드들
5.FormData와 multipart/form-data
FormData와 multipart/form-data를 활용해 파일을 서버로 전송하기
6.TailwindCSS 자주 사용하는 값 저장해 두기
TIL) tailwindcss 더 똑똑하게 사용하기
7.Vue 코드 이해해보기
Vue.js 입문하기
8.Vue의 ref vs React의 useState 비교해보기
ref는 state다??
9.번들링 도구와 Vue CLI
번들링 도구는 뭘 써야 할까
10.웹 애플리케이션 번들링 프로세스 연구소,,
빌드할 때 생기던 build, dist 폴더의 정체는 뭐였을까?
11.크롬 익스텐션 연구소,, (가천대학교 학식 메뉴 조회 익스텐션)
크롬 익스텐션 만들어보기
12.Next.js의 라우팅 시스템 - useRouter, Dynamic Routes, 그리고 Pre-fetching
엄청난 라우팅 시스템 이것 저것
13.Next.js의 렌더링: SSR과 SSG
SSR과 SSG 어떤걸 써야될까?
14.SSR도 SSG도 아닌 Next.js의 ISR
SSR의 장점과 SSG의 장점만을 합친 방식이 있다?
15.브라우저의 렌더링 원리
브라우저 렌더링과 DOM, CSSOM 그리고 파서 차단 리소스
16.자바스크립트 엔진의 코드 실행 과정
JIT와 TailwindCSS의 연관성
17.자바스크립트 모듈 시스템: ES6 모듈부터 번들러까지
모듈과 export, 그리고 바벨의 비밀
18.CI/CD는 도대체 뭘까?
제곧내.
19.JS의 실행 컨텍스트와 스코프
어려운 실행 컨텍스트와 스코프와 클로저
20.js의 호이스팅
var과 let과 const의 차이는? 그리고 호이스팅에 의존해야 될까?
21.이벤트 루프와 프로토타입
이벤트 루프는 js가 비동기 작업을 어떻게 처리하는지 설명, 프로토타입은 객체 간의 상속과 속성 공유가 어떻게 이루어지는지를 보여줌
22.전송 프로토콜 TCP와 UDP 그리고 웹 콘텐츠 전송 최적화의 CDN
TCP, UDP, CDN 네트워크 공부 ㅇㅅㅇ
23.웹 통신의 기본 프로토콜 HTTP와 HTTPS
맨날 보던 HTTP와 HTTPS, 그 차이가 뭘까?
24.브라우저 주소창에 URL을 입력하면 벌어지는 일
주소창에 URL을 입력하면 순식간에 일어나는 일!
25.REST API는 API랑 다른건가?
REST API는 HTTP 프로토콜을 활용해 웹 리소스를 URI로 표현하고 HTTP 메서드로 조작하는 아키텍쳐입니다. 무상태성, 클라이언트-서버 분리, 캐시 가능성이 특징이며, GET, POST, PUT, DELETE 등의 메서드를 사용해 리소스를 다룹니다.
26.쿠키와 세션 차이 간단하고 빠르게
쿠키는 브라우저, 세션은 서버. 세션은 안전. 쿠키는 4KB, 세션은 서버바이서버, 쿠키는 설정된 만료 시간까지, 세션은 브라우저 종료나 서버에서 설정한 시간까지
27.동일 출처 정책과 2가지 공격
안전하게 웹개발하기
28.모르면 프론트 인생 끝나는 클로저
함수가 선언될 때의 스코프를 기억하며, 함수가 생성된 이후에도 그 스코프에 접근할 수 있는 기능
29.JavaScript에서의 생명주기 + 함수 선언문과 함수 표현식
생명주기와 함수선언문과 함수표현식의 차이
30.역방향 무한스크롤 채팅방 구현하기
스크롤 이벤트를 사용한 역무스
31.기타 CS
비동기 작업 처리, async/await과 Promise의 차이, 콜백 지옥, 이벤트 버블링과 캡처링, Virtual DOM, 콜 스택, 일급 객체
32.리액트 서버 컴포넌트(React Server Component)
RSC Payload도 보고가세용
33.Git Flow + Tag 전략쓰기
다양한 Git 브랜치 전략
34.JavaScript의 배열 메서드
.map(), filter(), reduce(), forEach(), some(), every()