웹개발 (4) 썸네일형 리스트형 [Node] 랜덤 공유 링크는 어떻게 생성할까? (nanoid) [Express] 레이어드 아키텍쳐 구현하기 (Layered Architecture) [Express] 레이어드 아키텍쳐 구현하기 (Layered Architecture)🚩 소개안녕하세요! 대학생 개발자 주이어입니다!오늘은 레이어드 아키텍쳐 구조화 방법을 사용하여 Express 폴더를 정리해보려고 합니다! 레이어드 아키텍쳐는 실무에서 자주 사용되는 백엔드blog.juyear.dev이전 글 읽으러 가기!🚩 소개안녕하세요! 대학생 개발자 주이어입니다!오늘은 nanoid를 사용해서 랜덤 공유 링크를 생성하는 방법에 대해서 정리해보려고 합니다. 현재 진행 중인 프로젝트에서 일정 공유 기능이 필요했고, 이 기능을 구현하기 위해 nanoid를 선택하게 되었습니다. 랜덤 공유 링크는 Google Docs, Dro.. [React] localStorage를 이용한 유저별 데이터 가져오기 [EZ_Scheduler] - [React, Express] 일정 추가 페이지 제작(GET, POST 구현) [React, Express] 일정 추가 페이지 제작(GET, POST 구현)[EZ_Scheduler] - [React, Express] 회원가입 페이지 제작(POST 요청) [React, Express] 회원가입 페이지 제작(POST 요청)[EZ_Scheduler] - [React, Express] 서버 구현 및 데이터베이스 연결하기(REST API) [React, Express] 서버juyear-coding.tistory.com 이전 개발 일지 읽어보기! 📌회원가입 페이지 제작안녕하세요, 대학생 개발자 주이어입니다!오늘은 로그인한 유저에 따라 다른 데이터를 보여주는 것을 구현해보려고 합니다!.. [React, Express] 회원가입 페이지 제작(POST 요청) [EZ_Scheduler] - [React, Express] 서버 구현 및 데이터베이스 연결하기(REST API) [React, Express] 서버 구현 및 데이터베이스 연결하기(REST API)[EZ_Scheduler] - [React] 로그인 페이지 스타일링 [React] 로그인 페이지 스타일링📌로그인 페이지 디자인 및 스타일링안녕하세요, 대학생 개발자 주이어입니다!오늘은 제가 진행 중인 프로젝트에서juyear-coding.tistory.com 이전 개발 일지 읽어보기! 📌회원가입 페이지 제작안녕하세요, 대학생 개발자 주이어입니다!오늘은 회원가입 페이지를 제작한 후 저번에 만든 서버와 데이터베이스를 이용해데이터 추가까지 구현해보려고 합니다. 재미있게 구경해주세요!✅프로젝트 목표회원가입 페이지 스.. [React] 로그인 페이지 스타일링 📌로그인 페이지 디자인 및 스타일링안녕하세요, 대학생 개발자 주이어입니다!오늘은 제가 진행 중인 프로젝트에서 로그인 페이지를 구현해보려고 합니다.간단하게 디자인과 스타일링을 해주고 로그인 로직을 구현해보겠습니다.✅프로젝트 목표시작 페이지 제작로그인 페이지 제작 및 스타일링테스트 데이터 추가 및 로직 구현ℹ️기술 스택프론트엔드 : Html, Css백엔드 : Node.js프레임워크 : React.js빌드도구 : Vite1. Start 페이지 제작개발을 시작하기 전 index.css와 App.css 코드를 모두 지워준 후 시작하였다.먼저 갤탭으로 간단하게 레이아웃을 잡아주었다. 원래는 Figma를 사용하여 UI/UX를 멋지게 하고 싶었지만 Figma 툴 숙련도 이슈도 있고 간단하게 실습하는데 너무 과한 느낌.. 이전 1 다음
