요구사항 전국 지도를 띄우고 광역시/도별 행정구역으로 border 처리 각 구역을 clickable…
도서 자바스크립트로 하는 자료 구조와 알고리즘을 읽으며 정리하는 글 시리즈. 2장은 var, let 등 변수 선언의 호이스팅과 TDZ와 관련된 내용이라…
도서 자바스크립트로 하는 자료 구조와 알고리즘을 읽으며 정리하는 글 시리즈. 빅오 표기법 빅오 표기법은 알고리즘 실행에 있어 가장 최악의 경우인 복잡도를 측정한다. 에서 "n"은 입력의 개수를 나타낸다. Big O Complexity Chart…
S3에 이미지 업로드 하는 과정에서 발생한 여러 삽질과 해결방법 등을 미래의 나를 위한 가이드로 남긴다. 깃허브 예제 코드 확인하기 AWS S3 Bucket 생성 Bucket 생성 시 S3 접근을 하기 위해 Block Public Access…
Nextjs 프로젝트를 처음부터 끝까지 메인으로 작업하게 되었다. DB나 배포 과정도 알아야 할 것 같아, 팀에서 이미 사용 중인 AWS와 S3를 배우기 시작했다. 내가 하던 프론트 공부랑은 좀 다른 영역이라 이 부분들은 다 BackEnd…
검색 엔진 최적화(SEO)를 Next.js에서 설정하는 방법을 정리한다. Next.js에서는 메타데이터를 다룰 수 있게 내장 컴포넌트를 제공하고 있다. next/head…
발생 원인 Nextjs는 기본적으로 SSR이라, Node.js에서 사용할 수 없는 , 등의 객체에 접근할 수 없다. 페이지를 처음 렌더링 하는 과정에서 해당 객체들이 전역 객체로 존재하지 않기 때문이다. 따라서 not defined…
리눅스를 건들일 일이 거의 없었는데, 이번에 프론트엔드 파일을 올려보게 되었다. 정리 겸 작성하는 글이 될 듯 하다. 이미 리눅스 서버와 계정이 있다는 전제다. ssh와 scp(sftp)를 사용한다. ssh란? Secure shell…
배경 회사에서 프로젝트 중, 이미지를 빠르게 넘겨 동영상처럼 보이게끔 하는 처리가 필요했다. 이미지는 API를 통해 여러 정보와 함께 json에 담겨 object[] 형태로 받고, 객체 key 'fileUrl'로 img…
git을 사용하기 시작한지 벌써 햇수로…
event event는 흔히 어떤 이벤트가 있었다 라고 말할 때와 마찬가지로, 무언가가 일어났다는 신호다. DOM에서 사용되는 이벤트는 종류가 다양한데, 여기서는 간단하게 이벤트 하나로 말해보고자 한다. DOM event API 모든 DOM…
Eval is Evil? 위와 같은 자릿수 더하기 문제를 풀어보다 eval을 사용했다. reduce를 주로 쓰긴 하지만, join이 떠오른 김에 문자열까지 만든 후 한 번에 계산하면 안되나? 싶어서 이렇게 작성하게 됐다. eval…
개발자 인생 처음으로 개발 콘퍼러스를 다녀왔다. 온라인으로 진행하는 건 몇 번 듣긴 했으나, 오프라인은 이번이 처음이다. NHN FORWARD의 섹션 프론트엔드 개발자로서 (당연히?) 프론트엔드 개발 분야에 관심 있었기 때문에 대부분 Track…
사용자를 만족시키는 디자인을 고안해내는 일이야말로 모든 방법론의 핵심이다. 사용자와 사업의 목표 모두를 만족시키는 절충이 필요하다. 페르소나를 기본으로 제품의 디자인을 이끌어내는 기법은 크게…
프론트엔드 개발자다 보니 거의 매일 보는 건 MDN 문서다. 한국어 번역이 꽤 많이 됐다고 생각했는데, 아직 안된 문서도 상당히 많았다. 번역하기 전 localeCompare…
자바스크립트에서는 여러가지 자료형을 제공합니다. (자바스크립트 자료형) 타입스크립트도 자바스크립트가 제공하는 자료형을 당연히 제공하는데요. 하지만 타입스크립트는 자바스크립트가 제공하는 것보다 더 많은 타입(Tuple, Enum, ... etc…
쿠키 쿠키(cookie)는 사용자를 식별하고 세션을 유지하는 방식 중에서 가장 널리 사용하는 방식입니다. 사용자가 특정 웹사이트에 방문할 때, 각 디바이스(local 환경) 에 저장되는 key-value…
사용자 모델링 모델(model…
디자인 리서치 디자인을 평가할 땐 회사의 요구사항과 사용자의 니즈를 효과적으로 만족시켰는지를 판단해야 한다. 하지만 디자인에 정량적 자료는 큰 도움이 되지 못한다. 디자인에 필수적인 리서치는 정성적 리서치(Qualitative Research…
들어가며 React와 React Native를 공부하며 웹과 앱 간에 소스를 공유할 수 있으면 좋겠다는 생각이 들었습니다. flutter web도 고려사항에 있었지만, 고민 끝에 React와 RN…
사용자를 만족시키면 서비스는 성공한다 모든 서비스가 쉽게 성공하지 못하는 이유는, 제품기획과 개발 프로세스의 근본적이고 동등한 부분으로 디자인이 존재하지 않기 때문이다. 빅터 파파넥에 따르면, 디자인(Design…
재귀(Recursion…
