효과적이고 효율적인 의사결정을 좋아하는 3년차 프론트엔드 엔지니어입니다.
💡 프론트엔드 개발을하면서 반응형 테스트를 좀 더 쉽게하기위해서 찾아본 것들입니다. Responsively APP 첫번째는 Responsively App입니다. 아래 화면처럼 모바일, 패드, 데스크탑을 3개의 화면을 동시에 키고 테스트해 볼 수 있습니다.그리고...
사내 프로젝트에서 특정 페이지에서 뒤로가기 이벤트를 실행 시 모달을 띄우는 요구사항 구현을 정리하였습니다. History API란? MDNHistory API는 브라우저의 세션 기록(탭이나 프레임에서 현재 페이지가 로드된 기록)에 접근할 수 있는 기능을 제공합니다....
사내 프로젝트에서 회원가입페이지를 모바일 기기에서만 접근할 수 있도록 만들어달라는 요청이있어 구현과정을 정리해보았습니다. 프로젝트는 next.js v14.2버전으로 진행했습니다. User-agent란? 사용자 에이전트 (User Agent)란, 우리가 사용하는 웹...
💡 Next.js 폴더구조(아키텍처)에 대해 정리했습니다. Next.js v14 + MUI v5 셋팅에 이어서 폴더 구조(아키텍처)에 대해서 설명하려합니다.저는 항상 프로젝트를 시작, 진행하면서 고민되는 포인트는 프로젝트 아키텍처를 어떻게 설계해 나가야 되는...
💡 Next.js 와 MUI 셋팅법에 대해 정리하였습니다. Node.js 설치 Next.js를 설치하기위해서는 Node.js 18.17 or later 버전이 필요합니다.Node.js는 Javascript로 작성된 프로그램을 운영체제 상에서 일반 애플리케이션...
공부용 인덱싱 · 핵심 내용 (1p~16p) 1. 부수효과 - 함수를 실행 후 return되는 값 이외에 다른곳에서 일어나는 모든 작용들을 부수효과라고 한다. 2. 함수형 프로그래밍은 액션, 계산 , 데이터로 나뉜다. 액션 : 실행 횟수나, 내부상태를 변경할 때 일어난다...
