meepin 이 글은 예전에 따로 적어둔 CSS란... 메모를 블로그로 옮기면서 다시 정리한 버전입니다.. 원문이 짧거나 끊겨 있는 편이라, 나중에 다시 볼 때 덜 갑갑하게 최소한의 설명을 앞에 붙여뒀습니다. CSS가 뭐임? HTML에 디자인을 입히기 위해 사용하는 친구임 디자인을 입히면 뭐가 좋아
recent
이 글은 예전에 따로 적어둔 박스모델이란 뭘까... 메모를 블로그로 옮기면서 다시 정리한 버전입니다.. 원문이 짧거나 끊겨 있는 편이라, 나중에 다시 볼 때 덜 갑갑하게 최소한의 설명을 앞에 붙여뒀습니다. 박스 모델이 뭐임? 박스의 구성은 컨텐츠 패딩 보더 마진으로 이루어져있음 이걸 박
HASH MAP 배열과 해시함수를 사용하여 MAP을 구현한 자료구조 상수 시간으로 데이터에 접근하기 때문에 빠르다. key값에 해시함수를 적용해 나온 index에 값을 저장함 , 중복을 허용하지않고, 순서가없다. 평균적으론 O(1) 시간복잡도이지만 index값이 충돌한 경우 O(N)까지
어싱크 어웨잇이 뭐임? 프로미스를 간편하고 동기적으로 실행되는것처럼 만들어주는 친구임 뭐가 간편해진거임? 프로미스는 체이닝이 계속되면 가독성이 떨어지고 반드시 resolve와 reject를 호출해야됨 어싱크어웨잇은 키워드를 추가하면 끝이고 에러처리는 트라이캐치로 하면됨
ES5와 ES6의 차이가 뭐임? let, const가 추가됐고 default parameter나 template literal,화살표 함수도 추가됐음 가독성이나 유지보수도 괜찮아짐, 프로미스와 클래스, 디스트럭쳐링 문법도 생김, this의 바인딩은 살짝 달라졌음
자바스크립트가 뭐임? 웹페이지에 생동감을 불어넣기 위해 만들어진 프로그래밍 언어임 어떻게 작동함? JS 엔진이 스크립트를 파싱하고 컴파일함 장점이 뭐임? HTML/CSS와 완전히 통합할 수 있고, 모든 브라우저에서 지원하고 기본 언어로 사용됨
가비지 컬렉션이 뭐임? 변수, 함수 등 우리가 JS에 정의하는 모든 것은 메모리를 차지함, 쓸모없어진것들을 처리해주는 친구임 쓸모있는건 뭐임? 현재 함수의 지역변수와 매개변수 / 중첩 함수의 체인에 있는 함수에서 사용되는 변수와 매개변수 / 전역 변수임 이런것을 루트가 참조하는 값이나
리액트는 뭐임? DOM 관리와 상태 관리를 최소화하고 기능 개발, UI에 도움을 주는 라이브러리임 리액트가 리렌더링 되는 조건은 뭐임? 부모에서 전달받은 props가 변경될 때, 부모 컴포넌트가 리렌더링 될 떄, 자신의 state가 변경될 때임
이 글은 예전에 따로 적어둔 AJAX란... 메모를 블로그로 옮기면서 다시 정리한 버전입니다.. 원문이 짧거나 끊겨 있는 편이라, 나중에 다시 볼 때 덜 갑갑하게 최소한의 설명을 앞에 붙여뒀습니다. AJAX가 뭐임? JS를 이용해 비동기적으로 서버와 브라우저가 데이터를 통신하게해주는 친
이 글은 예전에 따로 적어둔 Babel이란... 메모를 블로그로 옮기면서 다시 정리한 버전입니다.. 원문이 짧거나 끊겨 있는 편이라, 나중에 다시 볼 때 덜 갑갑하게 최소한의 설명을 앞에 붙여뒀습니다. 바벨이 뭐임? 최신 JS코드를 구형 브라우저에서도 동작하는 코드로 변환해주는 친구임
이 글은 예전에 따로 적어둔 CORS란... 메모를 블로그로 옮기면서 다시 정리한 버전입니다.. 원문이 짧거나 끊겨 있는 편이라, 나중에 다시 볼 때 덜 갑갑하게 최소한의 설명을 앞에 붙여뒀습니다. CORS가 뭐임? 크로스 오리진 리소스 쉐어링으로 도메인 또는 포트가 다른 서버의 자원을
이 글은 예전에 따로 적어둔 DOM이란? 메모를 블로그로 옮기면서 다시 정리한 버전입니다.. 원문이 짧거나 끊겨 있는 편이라, 나중에 다시 볼 때 덜 갑갑하게 최소한의 설명을 앞에 붙여뒀습니다. DOM이 뭐임? Document Object Model로 HTML에 작성한 내용을 브라우저에
이 글은 예전에 따로 적어둔 Webpack이란... 메모를 블로그로 옮기면서 다시 정리한 버전입니다.. 원문이 짧거나 끊겨 있는 편이라, 나중에 다시 볼 때 덜 갑갑하게 최소한의 설명을 앞에 붙여뒀습니다. 웹팩이 뭐임? 의존관계에 있는 모듈들을 하나의 JS 파일로 번들링해주는 모듈 번들
@ https://www.joshwcomeau.com/css @ Fundamentals 브라우저가 CSS를 해석하는 방식 1. 브라우저는 HTML 파일을 파싱하여 DOM 트리 생성 2. CSS 파일도 동시에 파싱하여 CSSOM(CSS Object Model) 트리 생성 3. DOM과 C
개발할 때 자주 켜두는 브라우저 확장 프로그램과 보조 도구를 짧게 모아둔 메모입니다.
Docker Compose로 로컬 컨테이너를 올리고 확인할 때 자주 보는 기본 명령어와 설정 메모입니다.
reference link https://arc.net/folder/C440CD99 59D9 43B7 8E44 C31293E55D11 https://arc.net/space/2D2B5363 0C91 447E BB80 FFB316325667 That's a code smell. It's
파일 검색, 정렬, 압축 다운로드, 페이지네이션을 한 번에 다루는 목록 API 설계 메모를 정리한 글입니다.
헥사고날 아키텍처의 구조, MVC와의 차이, 포트와 어댑터 개념을 빠르게 다시 보기 위해 정리한 글입니다.
HTML에서 가끔씩 다시 찾게 되는 작은 스니펫과 태그 메모를 짧게 정리한 글입니다.
웹에서 이미지를 다룰 때 자주 헷갈리는 Base64, Blob, Binary 차이와 실제 업로드 흐름을 정리한 글입니다.
1. 큰 그림을 파악하라 아키텍처 이해: 전체 플로우(예, chart.init, setOption, resize 등)를 파악하여, 라이브러리가 어떤 컴포넌트들(시리즈 모델, 뷰, 렌더러 등)로 구성되어 있는지 이해합니다. 2. 진입점(Entry Point)부터 시작 초기화 과정 확인:
이 글은 예전에 따로 적어둔 node gyp 메모를 블로그로 옮기면서 다시 정리한 버전입니다.. 원문이 짧거나 끊겨 있는 편이라, 나중에 다시 볼 때 덜 갑갑하게 최소한의 설명을 앞에 붙여뒀습니다. node gyp 버전에 맞춰서 python 버전을 맞춰야함 https://www.npmj
Node에서 TypeScript path alias를 잡아둔 상태로 JS 파일을 실행할 때 만났던 module-alias 에러와 확인 포인트를 정리한 글입니다.
개발용과 프로덕션용 Dockerfile, Docker Compose, 그리고 EC2 배포 방식까지 한 번에 비교해본 메모입니다.
Vite 공식 문서를 다시 찾을 때 바로 열어보려고 남겨둔 짧은 참고 링크 메모입니다.
Yarn workspaces & Turborepo 를 이용한 프론트엔드 Monorepo 구축 Part 1
Docker와 AWS EC2를 이용해 디스코드 봇을 배포할 때 필요한 준비, 빌드, 실행 흐름을 정리한 글입니다.
LG Shield에서 쓰던 컴포넌트와 핸들러 규칙을 짧게 다시 정리한 메모입니다.
LG Shield에서 Next.js와 React 앱을 Jenkins, Docker, EC2, S3로 배포하는 전체 흐름을 정리한 글입니다.