평소에 이미지를 넣다보면 확장자가 svg 인 파일을 볼 수 있다. png, jpg 등 여러 확장자가 있지만 유독 아이콘 부분에서는 svg 를 사용을 많이 하는 것 같다. 따라서 이번 페이지에서는 svg 에 대해 자세히 알아보고 svg 를 통해 한 이미지로 404 페이지 핸들링 하는 것을 목표로 하려 한다. SVG 란? Scalable V...

해당 페이지는 기술면접에 대해 정리 해놓은 페이지 입니다. 2024-01-22 트랜잭션의 ACID 에 대해… Transaction 이란? 데이터베이스 관리 시스템(DBMS)에서의 “트랜잭션”은 하나 이상의 데이터베이스 작업을 수행하는 논리적인 작업 단위 간단하게 말해 DBMS 에 접근하는 것을 보고 트랜잭션이라고 부르는...

이 문서는 SQLD 시험 공부를 위한 노트정리 입니다. 시험 열심히 준비하자 제 51회 SQLD 자격증 취득 완료 (23.12) SQL 이란? 데이터베이스에 쿼리를 실행해서 원하는 데이터 조회 및 입력, 수정 삭제 등을 할 수 있는 절차형 언어 데이터 모델링의 특징 추상화, 단순화, 명확성 데이터 모델링 단계 ...

해당 페이지는 lazy-loading 에 대해 알아보고 그에 따른 간단한 사용방법을 알아보는 페이지입니다. 왜? 현재 진행 중인 프로젝트에서 글 목록 기능을 구현하는데 글이 너무 많아 사용자가 원하는 만큼만 로딩하는 방법은 없을까 싶어 알아보게 되었다. Lazy-Loading 이란? 페이지를 불러오는 시점에 당장 필...

왜? 상태관리란? 프론트엔드에서 state는 Rendering하는데 있어서 영향을 미칠 수 있는 값 상태를 어떻게 관리하느냐에 따라 로딩속도와 사용감 개선이 확연히 차이가 난다. Frontend 개발자에게 상태관리는 중요한 임무가 되었다. 따라서 회사마다 상태관리 하는 법도 제각기 다르기 떄문에 항상 사용하던 상태...

비교 우리 도토리 숲 블로그에도 댓글 기능을 추가하고 싶었다. 종류는 생각보다 다양했는데, utterances, disqus, giscus 이렇게 세가지를 자주 쓰는 것 같았다. 하지만 그 때문에 또 고민에 빠지게 됐다. 많은 고민 끝에 disqus, giscus 로 추렸다. 이 둘은 github 기반으로 작동한다고 하기 때문 하지만...

왜? 미루고 미뤘던 회원가입의 중복확인 로직을 만들어야했다. (아주 간단한 회원가입 폼을 먼저 만든다) 현재 96TALK 프로젝트 내에서는 react-hook-form 라이브러리를 사용 중인데 중복확인을 두번 해야 하는 상황에 놓였다. 이메일 validation 을 통과 했을 때에만 Server에 중복확인 요청 할 순 없을까? 오늘...

Node.js 를 사용하기 위해 MongoDB 를 설치 및 설젛아는 포스트입니다. Database 의 종류 관계형과 비 관계형으로 데이터를 저장, 조회, 관리하는 방식에서 종류를 나눌 수 있다. 데이터 모델링, 애플리케이션의 요구 사항, 성능 고려 사항을 결정 관계형 DB MySQL, Oracle, SQLite 비 관계형 DB ...

Server 구현 시의 기본 설정과 서버 구현법에 대해 알아보는 포스트입니다. CJS CJS 란? Common JS 의 약자로 순수 JavaScript 만을 사용한 서버 구현을 뜻함 파일 단위로 캡슐화 require 함수를 사용하여 다른 module(package) 를 불러옴 module.exports 나 expo...

해당 페이지는 Node.js 의 동작과정과 Node.js 의 배경에 대해 포스팅 합니다. Node.js 의 탄생 배경 먼저 웹 환경을 구현하는 HTML 과 CSS JS 가 있다. HTML 과 CSS 는 브라우저 내에 있는 JavaScript 엔진을 통해서 해석이 되게 된다. 그 중 구글의 Chrome 에서 만든 v8 이라는 엔진이 있...