본문 바로가기

반응형

study

(70)
[웹개발 100일] Day 6 - 반성문, 새로운 주차별 계획 🚀 요약오늘은 저녁에 바쁨 + 내일 외근이라 시간 낼 수가 없어서 미리 올립니다.짬내서 1시간 정도 관련 작업을 해보았습니다. 작업 시간: 1시간✅ 반성✅ 주차별 계획 다시 작성✅ 피그마 열어보기   🚀 반성문 오늘 회사에서 장기프젝 기획미팅을 했는데 조언을 듣다보니 근본부터 잘못하고 있다는 생각이 들었다..네 사실 기획하기 싫어서 무작정 프론트부터 시작했어요🧎진짜 까불지 말고 내일부터 기획서 작성하겠습니다.한 번만 더 기회를 줘.아직 94일 남았으니까.수습할 수 있어.   🚀 새로운 주차별 계획👨‍💻 목표: 친구들과의 추억을 기록하는 웹사이트 개발 & 배포🛠️ 기술 스택: React + TypeScript + AWS + C#(.NET) + PostgreSQL 📌 2주차: 기획 및 초기 세..
[웹개발 100일] Day 5 - 게시글 업로드 페이지 UI 제작 🚀 요약꿈은 원대하게 시작했는데 되는 게 하나도 없어서 뻘짓만 함 🙃🔫 작업 시간: 2시간✅ 이벤트 업로드 페이지 UI 구현 (진행중)   🚀 글 목록 페이지 UI 개선나중에 자리가 좁을 거 같아서 박스 그리드를 한줄로 크게 만들어줬다.   🚀 글 업로드 페이지 UI (미완)하..뭘 어떻게 개선해야 할지 일단 오늘은 더이상 생각 안 남애초에 사진 섞인 글 편집기를 손으로 만들겠단 시도가 잘못된 건가 ?....뭔가 근본부터 틀려먹었단 느낌을 받았음    어쨌든 오늘 쓴 것 중 그나마 건질 만한 코드는 이렇게 생겼다 👇const EventUpload = () => {  return (                  New Event                                     ..
[웹개발 100일] Day 4 - 게시글 리스트, 디테일 페이지 UI 개선 🚀 요약이제 다시 평일이라 하루 한 시간? 정도 낼 수 있지 않을까 싶다.수요일 저녁은 바쁜데다가 다음날 외근이라 작업 못 할 수도. 작업 시간: 2시간✅ 이벤트 리스트 UI 개선✅ 이벤트 디테일 UI 마무리   🚀 이벤트 리스트 UI 개선리스트가 보기에 별로인 거 같아서 카드형으로 다시 만들었다. 일단 내 생각엔 이게 나은 듯?sticky로 페이지마다 타이틀 고정하고 싶었는데 제대로 안 붙어서 고생 좀 했다 .. 리스트 페이지 코드 Events 이벤트 리스트 {/* */} {events.map((event, index) => ( ..
[웹개발 100일] Day 3 - 깃허브 커밋, 글 목록&상세 페이지 UI 구현 🚀 요약작업 시간: 5시간✅ Git 설치 및 프로젝트 초기 커밋✅ 회원가입 페이지 UI 구현✅ 이벤트 목록 페이지 UI 구현✅ 이벤트 상세 페이지 UI 구현   🚀 Git 설치 및 커밋별다른 위기도 없었고 git 관련 글은 인터넷에 아주아주 많으니 생략..내 깃허브 계정은 여기에 👇 jihyelisa - Overviewjihyelisa has 7 repositories available. Follow their code on GitHub.github.com   🚀 페이지 UI 구현로그인 회원가입 이벤트 리스트 이벤트 디테일  더미 데이터로 필요한 페이지들 UI를 만들어줬다 ,,오늘 작업 많이 함 😮‍💨
[웹개발 100일] Day 2 - 리액트 라우터, 로그인 페이지 만들기 🚀 요약작업 시간: 3시간반? 4시간?✅ 프로젝트 폴더 구조 정리✅ React Router로 페이지 이동 가능하게 만들기✅ 네비게이션 바(Navbar) 제작✅ 로그인 페이지 UI 구성   🚀 폴더 구조/src ├── /components # 재사용 가능한 UI 컴포넌트 │ ├── Navbar.tsx │ ├── Button.tsx │ ├── Card.tsx │ └── Footer.tsx ├── /pages # 페이지 단위 파일 │ ├── Home.tsx │ ├── Upload.tsx │ ├── PostList.tsx │ ├── Gallery.tsx │ └── Login.tsx ├── App.tsx ├── main.tsx ├── inde..
[웹개발 100일] Day 1 - Vite 환경에 Tailwindcss 설치 및 실행 (Tailwind 버전 오류 해결) 🚀 요약작업 시간: 2시간반✅ Vite + React + TypeScript 프로젝트 설정✅ ESLint & Prettier, Tailwind 설치 및 설정  🚀 React + Vite 환경에 Tailwind 설치하기와 첫날부터 진이 다 빠진다.머리에서 스팀 나오고 있지만 생각만 1년 넘게 했던 개인 프로젝트의 첫 발을 디딘 거 같아서 의미 있는 시간이었다 😇  다 새로 써보는 라이브러리들이라 일단 챗지피티가 시키는 순서대로 환경구축하고 있는데 Tailwind 설치 및 실행에만 2시간이 걸렸다;지피티가 계속 터미널에서 tailwindcss를 실행하게 했지만, 무슨 방법을 써도 제대로 라이브러리 설치도 안 되는 것 같고 당연히 실행도 되지 않았다 🫠  문제의 라인 🙃👊💥npm install -..
[웹개발 100일] Day 0 - 계획 100일 챌린지를 하기로 했다.목표는 처음 써보는 기술들로 CRUD + 로그인 기능을 갖춘 웹페이지 배포하기!일단 대략적인 계획을 세워놓고 진행하면서 유동적으로 수정해나갈 예정이다.   📌  100일 플랜주차별 주요 목표🛠️ 1~2주차: 프로젝트 환경 설정 및 기본 UI 구성 (Vite, React, TypeScript, Tailwind CSS)🖼️ 3~4주차: 사진과 글 업로드 기능 구현 (파일 업로드 UI & API 개발)📜 5~6주차: 데이터 조회 기능 추가 (게시물 목록 및 상세 페이지 구현)✏️ 7~8주차: 수정 & 삭제 기능 구현 (글 수정/삭제 API 및 UI 추가)🔑 9~10주차: 로그인 기능 개발 (JWT 인증 & Google OAuth 로그인)☁️ 11~12주차: AWS 배포 ..
[온라인 모각코] 25, 26주차 - 펜팔 스터디 일자: 24.02.12 - 24.02.25 (2주) 요즘 그냥 책상에 앉고 싶지가 않다. 친구도 별로 안 만나고 퇴근시간 되면 벌떡 일어나서 집 갔다가 드라마 한 편 보고 잔다. 덕분에 교통비는 덜 나왔다. 회사에서 처음으로 맡은 이슈가 끝나간다. 이번주나 다음주쯤 코드 리뷰 프레젠테이션을 하지 않을까 싶다! 뭐.. 요즘 일이 썩 재미있진 않고 좀 지루하다. 이게 백엔드여서인지 스케줄이 약간 느슨해서인지 그냥 이 일이 원래 그런 건지 잘 모르겠다. 사실 일이란 게 즐겁기가 더 힘든 거겠지? 부트캠프 다닐 땐 진심으로 코딩이 재미있고 매일이 흥미로웠어서 더 헷갈린다 ㅋㅋㅋ 최근엔 프로그래밍 공부도 별로 하고 싶지가 않고 😭 드럼도 연습 갈 의욕이 쉽게 나질 않는다. 입사 초기에 많이 힘들었고 이제 ..

반응형