frontend
-
나의 최애 프론트엔드 라이브러리카테고리 없음 2025. 1. 12. 18:22
소개제가 실제 프로젝트에서 즐겨 사용하는 프론트엔드 라이브러리들을 소개해드리려고 합니다. 각 라이브러리의 특징과 실제 사용 사례를 통해 여러분의 개발 여정에 도움이 되었으면 합니다.1. 프레임워크/언어NextJSNext.js는 React 기반의 프레임워크로, 서버 사이드 렌더링(SSR)과 정적 사이트 생성(SSG)을 지원합니다. 빠른 페이지 로딩과 SEO 최적화에 강점을 가지고 있으며, API 라우팅과 이미지 최적화 같은 다양한 기능을 제공합니다.사용 예시: 블로그나 e-commerce 사이트에서 페이지 로딩 속도를 높이기 위해 NextJS를 사용합니다. 특히, SEO가 중요한 페이지에서 SSR을 활용하여 검색 엔진 최적화를 극대화할 수 있습니다.TypeScriptTypeScript는 JavaScript..
-
Vue 개발자가 React로 사이트를 만들어 보았다카테고리 없음 2020. 1. 9. 19:04
들어가며 이용하는 서비스마다 비밀번호 규칙이 달라 오랜만에 접속하는 서비스는 비밀번호를 잊어버려 패스워드를 재설정하는 일이 빈번하게 발생했다. 명색이 개발자인데 서비스를 이용하는데 불편하면 안 되지 해서 패스워드를 관리하는 사이트를 만들기로 결심했다. 기능 정리 비밀번호를 관리하는 데 있어 제일 중요한 부분은 보안이다. 인터넷상에 비밀번호를 그대로 저장하는 것은 위험하니 비밀번호를 암호화 후에 필요할 때마다 복호화하는 기능과 아무나 내 비밀번호 리스트를 보이면 안 되니 로그인 기능이 필요했다. 필요한 페이지는 로그인, 새로 만들기, 목록, 수정/삭제의 4개의 페이지만 필요했고, Database, Auth는 Firebase로 구현했다. create-react-app my-password --template..
-
2020년 눈여겨 볼만한 프런트엔드 프레임워크카테고리 없음 2019. 12. 23. 18:51
Svelte최근 트렌드 분석을 하다가 알게 된 프레임워크다.공식 홈페이지에 방문하여, Tutorial를 통해 내용을 간략히 살펴보니,Vue의 SFC(Single file component) 제작방법과 유사하다. Svelte의 3가지의 장점은적은 코드 양Virtual dom이 없다.진정한 반응성을 제공한다.여기서 "Virtual dom이 없다"가 제일 관심 가는 내용이었다.최적의 Dom 트리 상태를 유지하기 위해 Virtual dom이 만들어졌는데,Svelte는 Dom과 이전의 데이터와 비교 연산에 많은 패널티가 있다고 말한다. 2019년도 갑자기 관심지수가 높아지고 있다.개인적인 생각으로는 요즘 디바이스 성능이 너무 좋아져서 사실 Virtual dom 이 있든 없든 성능의 차이는 크게 다르지 않다고 생각..
-
Duck typing으로 API를 만들어 보자카테고리 없음 2019. 12. 23. 12:42
이것은 어떤 동물일까? 꽥꽥 소리 내어 울고, 노란색 부리에, 뒤뚱뒤뚱 걸으며, 물갈퀴가 있다. 그렇다. 이건 분명 오리다. Duck typing은 인터페이스를 만들 때 많이 사용하는 방법이다. 인터페이스란 구현 부가 없는 기능에 대해서만 선언한 설계도 같은 것이다. API의 “I”도 interface의 약자이다. 누가 봐도… 나를 어렵게 만드는 말이 하나 있다. 누가 봐도 이해할 수 있는 변수/함수명 개발을 하는 사람이라면 누구나 공감하는 말이 아닐까 싶다. 개발을 잘하는 방법을 다룬 관련 서적에는 항상 등장하는 말이고, 상급자로부터 매번 듣던 말이다. 위문장에서 제일 어려운 부분은 “누가 봐도 ~” 다. 실제로 개발할 때 가장 많이 하는 실수가 기능과 이름이 맞지 않다던지, 어려운 영어 이름을 지어서..