예를 들어, 아래와 같이 그룹핑하여 설정할 수 있습니다:
posts
도커 설치에 대해 정리한 글입니다.
deploy.sh에 대해 정리한 글입니다.
ec2 user가 docker 명령어 쓰도록 권한 부여 sudo usermod aG docker ec2 user
debug에 대해 정리한 글입니다.
알아야하는 이유가 뭐임? 프론트엔드와 밀접하게 관련되어있는 브라우저의 내부를 알고있으면 개발하는데 도움이 됨
웹 서버는 뭘 하는거임? 정적 컨텐츠를 HTTP 프로토콜로 제공하는 서버임
왜 필요한거임? 웹사이트의 서비스나 마케팅적인 부분은 사용자의 유입이 중요한데 유입을 높이기 위해선 검색과 노출이 잘 돼야함
CSR이 뭐임? 클라이언트 사이드 렌더링이고 사용자가 요청하면 컨텐츠를 로드한 뒤 페이지를 렌더링해서 보여줌 대표적으로 리액트, 뷰, 앵귤러 등이 있음
RSA(Rivest Shamir Adleman) 암호화를 사용하여 보안 링크를 생성합니다. to : 수신자의 이메일 주소 privateKey : RSA 개인 키
Store 스토어는 컴포넌트의 상태를 관리하는 저장소다. 하나의 프로젝트는 하나의 스토어만 가질 수 있다.
Next.js가 뭐임? 리액트의 생산성을 높여주는 프레임워크 중 하나임
함수 선언문과 함수 표현식은 무슨 차이가 있는거임? 함수 표현식은 실행 흐름이 함수에 도달했을 때 함수를 생성하는데 선언문은 정의되기 이전에도 호출할 수 있음
프로토타입이 뭐임? 자바스크립트의 모든 객체는 부모와 연결되어있음 그래서 부모의 프로퍼티나 메소드를 상속받아서 사용 할 수 있음 이런 부모 객체를 프로토타입이라고 하는거임
클로저가 뭐임? 중첩된 함수에서 자식 함수가 부모 함수의 변수에 접근을 가능하게 해주는 친구임 변수를 참조하는 내부 함수를 외부로 전달한 경우 실행 컨텍스트가 종료된 후에도 초기 상태를 기억함
이벤트 루프가 뭐임? 싱글 스레드로 작동하는 자바스크립트에게 동시성을 가지게 해주는 친구임
배열에서 제공하는 메서드가 뭐임? .push(...items) = 맨 끝에 요소 추가 .pop() = 맨 끝 요소 제거 .shift() = 맨 앞 요소 제거 .unshift(...items) = 맨 앞에 요소 추가
var let const는 무슨 차이임? 기존의 var의 단점을 보완해서 나온것이 let, const임
this가 뭐임? JS 예약어고, 자신이 속한 객체나 생성할 인스턴스를 가리키는 자기 참조 변수임
memo에 대해 정리한 글입니다.
storybook addon figma Embed Figma designs in a storybook panel. figma api demo This project contains demo apps using the Figma API. Figma.js A simple JS wrapper
접근 차단에 대해 정리한 글입니다.
📘 구축 프로젝트를 위한 컴포넌트 & 스타일 설계 전략서
목적: 가독성 , 일관성 , 성능(무리렌더 업데이트) , 확장성 을 보장하는 팀 표준.
import type { ComponentProps } from \"react\"; import { View } from \"react native\"; import styles, { type UiBoxVariants } from \"./ui box.style\";
Expo Router Forum App — Scaffold v2 (layout first, @folder: aliases, f/ )
프로젝트 개요 일정 : 2025년 7월 1일 하이닉스(분당) 미팅 목표 : POC 개발 추가 확인사항 : 7월 1일 화요일 답변 예정
Yarn workspaces & Turborepo 를 이용한 프론트엔드 Monorepo 구축 Part 1
Vite 공식 문서를 다시 찾을 때 바로 열어보려고 남겨둔 짧은 참고 링크 메모입니다.
개발용과 프로덕션용 Dockerfile, Docker Compose, 그리고 EC2 배포 방식까지 한 번에 비교해본 메모입니다.