총 59개의 글
오늘 한 일 BookStack 📚 QuoteCard p css 변경 QuoteCreateCard p css 변경 input handler 삭제
오늘 할 것 알고리즘 프로그래머스 해시 알고리즘 풀이 BookStack /stack/create 페이지 API 빼고 완성 page input 숫자 외엔 입력 안되도록 x 버튼 누르면 newquotedata 초기화
오늘 개발한 것 BookStack📚 FE [x] StackPage 구현 마무리 [x] Stack List 순서 거꾸로 되도록 [x] Stak List 애니메이션 구현 [x] ProfilePage 이동 라우팅 BE [x] /stack GE API 구현 마무리 [x] bookCount & pageCount 정보 추가 [x] profileImage 정보 추가 오늘 공부한 것 emotion에서 animation 사용하기 import keyframes import { keyframes } from '@emotion/react' const ANIMATION_NAME = keyframes` // animation 내용들 `; const container = styled.div` animation : ${ANIMATI..
오늘 공부한 것 useState에서의 타입 지정 const [string, setString] = useState('string'); const [type, setType] = useState('stack'); 오늘 개발한 것 Bookstack FE StackPage 관련 컴포넌트 구현 (NumericalData, StackHeader, MonthlyStack, StackList, StackTemplate) StackPage 구현 StackPage 라우팅, API 구현 BE /stack GET API 구현 오늘의 에러 Module not found: Error: Can't resolve 'component' in '/Users/jieunlee/Desktop/GitHubLocal/BookStack-FE/c..
오늘 공부한 것 알고리즘 (Node.js) 백준 : 2750. 수 정렬하기 BookStack 📚 피그마 링크 FE 레포지토리 링크 Stack Page UI 디밸롭 Stack Page NumericalData 컴포넌트 구현
오늘 개발한 것 BookStack 레포지토리 링크 ( FE , BE ) 회원가입 구현 BE ) 비밀번호 암호화 구현 ( feat. bycrypt ) BE ) signup db 저장 로직 구현 FE ) signup Input values 조건 확인 로직 구현 FE ) BE에서의 응답에 따른 로직 및 라우팅 구현 로그인 구현 BE ) 아이디 존재 여부 확인 & 비밀번호 확인 로직 구현 ( feat. bycrypt ) BE ) JWT 발행 및 프론트엔드로의 RES 로직 구현 ( feat. jsonwebtoken ) FE ) 아이디 & 비밀번호 조건 확인 로직 구현 FE ) 응답에 따른 로직 및 JWT 저장 로직 구현 ( feat. localStorage ) Tistory Blog 블로그 UI 디자인 ( 피그마..
오늘 개발한 것 BookStack FE axios 설치 axios를 통한 /signup post 구현 BookStack BE cors 미들웨어를 통한 CORS 정책 회피 body-parser를 통한 req.body 파싱 구현 /signup post 데이터 받아오기 구현 오늘 배운 것 생활코딩 - Node.js 더보기http://opentutorials.org:3000/main?id=HTML&page=12opentutorials.org : host(domain)main : pathModule : url사용방법은 아래와 같다.관련 문서 : Node.js > URLNode.js의 파일 읽기 기능 const fs = require('fs'); const data = fs.readFile(path [,option..
오늘 개발한 것 BookStack 프로젝트에 Storybook 추가. 컴포넌트를 테스트하는데 필요성을 느낌 참고 페이지 : Storybook 블로그 .storybook : 스토리북 설정 파일 stories : 스토리북 예제 파일 npx sb init --builder webpack5 Tag 컴포넌트 구현 Input 컴포넌트 구현 Signup 템플릿 및 페이지 기능 구현 오늘 배운 것 🪜 Next.js, Typescript에 Storybook 설정하기 💡 Typescript는 version 5 이하로 할 것 (여기서는 4.7.4 적용) 설치 및 설정 과정 스토리북 설치 npm install --save-dev sb 스토리북 초기화 npx sb init --builder webpack5 public 적용 {..
오늘 개발한 것 Project : BookStack 📚 UI Design 디자인 완료 ( Figma 링크 ) BackEnd Repository 생성 ( Repository 링크 ) yarn init Express 적용 FrontEnd Repository 이름 변경 및 초기화 ( Repository 링크 ) Next.js 13 공부 Next.js 13, Typescript, Emotion 설치 Layout.tsx 및 HomePage 구현 오늘 공부한 것 Next.js 13 Pagenation 방식의 변화 기존의 pages 폴더 방식에서 app 폴더 방식으로 변경 _app.tsx와 _document.tsx는 layout.tsx로 대체됨 모든 페이지 및 컴포넌트는 기본적으로 SSR로 변경. CSR로 사용하기 ..
오늘 공부한 것 ✍️ 알고리즘 백준_단계별로 풀어보기, 시간복잡도 - 24262) 알고리즘 수업, 알고리즘의 수행 시간 2 - 24263) 알고리즘 수업, 알고리즘의 수행 시간 3 - 24264) 알고리즘 수업, 알고리즘의 수행 시간 4 - 24265) 알고리즘 수업, 알고리즘의 수행 시간 5 - 24266) 알고리즘 수업, 알고리즘의 수행 시간 6 프로젝트 : BookStack - 프로젝트 명을 QuoteStack에서 BookStack으로 변경 - 유저 플로우 새로 작성 유저 플로우 링크 ( Figjam ) - UX/UI 디자인 수정 UX/UI 디자인 링크 ( Figma ) 오늘 생각한 것 소중한 사람들 오늘 소중한 사람의 마음 덕분에 슬럼프를 극복할 수 있었다. 내 주위에 이런 사람이 있다는 것이 정..
