1-blue의 블로그
취소

script의 defer vs async

해당 포스트는 JavaScript의 defer와 async에 대해 정리한 포스트입니다.javascript info - async vs defer에서 읽은 내용을 정리한 게시글이라서 해당 페이지를 읽는 것을 더 추천드립니다. 📌 defer 백그라운드에서 JavaScript를 다운로드합니다. ( HMTL과 동시에 불러옴 ) 또한 HTML이 모두 ...

JavaScript의 Proxy

해당 포스트는 JavaScript의 Proxy에 대한 얕은 이해를 바탕으로 간단한 사용법만 정리한 포스트입니다. 🫣 Proxy 지정한 객체의 지정한 동작을 대신 처리해주는 특수 객체입니다. 서버에서도 프록시 서버라고 해서 중간에 거쳐가는 서버를 만들기도 합니다. https를 적용하기 위해서 nginx를 프록시 서버로 두고 실제 서버를 ngin...

prisma ( ORM )

해당 포스트는 ORM인 prisma에 대한 개념과 기본적인 사용법을 정리한 게시글입니다. 📝 용어 정리 ORM: Object Relational Mapping으로 JavaScript의 객체를 DB의 table과 맵핑시켜주는 것을 의미 schema.prisma: 코드상으로 모델 생성 및 관계 설정을 하는 파일 draft migrat...

JS의 데이터 타입 ( 원시/참조 타입 )

해당 포스트는 JavaScript의 데이터 타입과 그 동작 방식에 대한 포스트입니다.모든 내용은 해당 영상에서 가져와 정리한 내용이기 때문에 해당 영상을 보시는 것을 추천드립니다. 데이터 타입 JavaScript의 데이터 타입은 크게 원시 타입과 참조 타입이 있습니다. 원시 타입 7가지를 제외하고 모두 참조 타입입니다. ( string, n...

자바스크립트 완벽 가이드 4장 정리

해당 포스트는 자바스크립트 완벽 가이드라는 교재로 스터디를 하면서 4장을 정리한 포스트입니다.주관적으로 해석한 내용이 들어가 있어서 잘못된 내용이 포함될 수 있습니다.또한 교재의 모든 내용을 정리하지 않고 주관적인 판단에 의해 필요한 내용만 작성했습니다. 📌 용어 정리 1. 표현식 어떤 값으로 평가되는 구절입니다. 리터럴, 변수 등이 있습니...

실행 컨텍스트 ( Feat. 호이스팅, 클로저, 스코프 체인 )

해당 게시글은 자바스크립트 실행 컨텍스트에 대해 공부한 내용을 정리한 포스트입니다.실행 컨텍스트와 연관된 JS의 주요 개념들에 대해서도 정리했습니다.var를 사용한 경우는 제외했습니다. 📌 용어 정리 1. 실행 컨텍스트 ( Execution Context ) 실행할 코드에 제공할 환경 정보들을 모아놓은 객체입니다. Variable Enviro...

JavaScript의 배열 ( Feat. Iterator )

해당 게시글은 자바스크립트 배열의 특징에 대해 정리한 게시글입니다. 📌 밀집 배열 밀집 배열이란 배열의 요소가 모두 같은 타입이고, 메모리상에서 연속적으로 이어져서 배치됩니다. 일반적으로 말하는 배열은 밀집 배열입니다. 따라서 배열의 시작 위치, 배열의 타입, 인덱스만으로 특정 요소에 빠르게 접근이 가능합니다. ( 시작 위치 + 배열...

Git과 GitHub에 대한 정리

해당 포스트는 Git과 GitHub에 대한 개념과 명령어들을 정리한 포스트입니다.잘못된 내용이 포함될 수 있습니다. []: 생략 가능 <>: 직접 입력 📌 용어 정리 0️⃣ Git Git이란 버전 관리 시스템입니다. ( Version Control System, vcs ) 스냅샷 방식을 이용합니다. 스냅샷 방식:...

자바스크립트 완벽 가이드 3장 정리

해당 포스트는 자바스크립트 완벽 가이드라는 교재로 스터디를 하면서 3장을 정리한 포스트입니다.주관적으로 해석한 내용이 들어가 있어서 잘못된 내용이 포함될 수 있습니다. 📌 3장의 정리 및 핵심 자바스크립트에서 숫자와 문자열을 만들고 조작하는 방법 자바스크립트의 다른 기본 타입인 boolean, Symbol, null, undefine...

Intersection Observer API과 React.js로 무한 스크롤링 구현

해당 포스트는 Intersection Observer API의 기본 사용법과 React.js에서의 활용을 통한 무한 스크롤링 구현 방법에 대한 포스트입니다. ( 참고한 포스트 ) 🔬 Intersection Observer API Intersection Observer API는 루트 요소와 타겟 요소의 교차점을 관찰하고 루트 요소와 타겟 요소가...