개발 마라톤

오늘은 Next.js 최신 버전으로 개발 환경을 세팅하고, Github에 Repository를 만든 후 추가 학습 및 컨벤션 정리를 진행할 것 이다. GitHub jwinda/CharFlyer (github.com) jwinda/CharFlyer 캐릭터 및 굿즈 홍보 사이트 개인 프로젝트입니다. Contribute to jwinda/CharFlyer development by creating an account on GitHub. github.com 라벨 몇 가지의 라벨을 통해 이슈를 관리할 것이다. 개발 환경 npx create-next-app@latest 초기 설정 사용 여부 TypeScript 사용 ESLint 사용 Tailwind CSS 미사용 src/ 디렉토리 사용 App Router (권장됨)..

이번 글은 단순하게 내가 무엇을 학습했는지를 기록하기 위한 글이다. https://youtu.be/9KOaR6QMb9A 생활코딩 유튜브의 ' Next.js 13' 강의의 재생목록을 통해 학습하였음을 알린다. 0. Next.js 란 무엇인가 Next.js는 React와 Express.js와 비슷한 형식의 시스템이 탑재되어 있다. 그러므로 프론트엔드 단과 백엔드 단을 동시에 구현할 수 있는 풀스택 프레임워크로써 사용할 수 있다. Next.js는 기본적으로 Server Side Rendering을 지원한다. Next.js 13부터는 App router 라는 새로운 개념이 도입되고, 그 과정에서 Server component라는 React의 새로운 기능도 살펴 볼 수 있다. 1. 설치와 실행 npx create..

개인 프로젝트 '캐플라이어'를 구상하고 기획을 진행한지 벌써 일주일이 지났다. 시간이 빠르다.. 웹 사이트라고 하면, 역시 깔끔하고 사이트의 이미지가 잘 묻어나오는 웹 디자인이 먼저 생각난다. 주말에는 그러한 이미지에 맞는 웹 디자인과 UX/UI에 대해 고민을 해보았다. 웹 디자인이란 무엇일까? 종합 가이드 (wix.com) 웹 디자인이란 무엇일까? 종합 가이드 1991년에 첫 번째 사이트가 게시된 이후 웹 디자인이 생기기까지는 오랜 시간이 걸렸습니다. 오늘날 인터넷에 10억 개 이상의 웹사이트가 운영되고 있는 가운데, 웹디자인 산업이 성장하고 있는 ko.wix.com 이번 포스팅은 해당 사이트를 참고하여 구상 및 기획하여 포스팅하겠다. 저번의 두 프로젝트에서는 Figma를 통하여 대략적인 웹 디자인을 ..

UX/UI 구상을 먼저하려고 했으나, 생각만으로는 계획 시간이 잘 지켜지지 않는 것 같다고 느꼈다. 그래서 빠르게 날짜를 기반으로한 객관적인 계획표를 적어 두려고 한다. 개발이라는 것이 예상치도 못한 일의 반복이라고 생각하기 때문에 (그래서 재밌음) 약간의 변동은 있을 수 있다고 생각한다. 그래도 계획 또한 개발자의 역량이고, 나 자신과의 약속이라고 생각하기 때문에 최대한 지켜보고 싶다 ! 일 월 화 수 목 금 토 08-20 21 계획표 작성 22 디자인 구상 23 Next.js 학습 24 Next.js 학습 25 26 27 28 개발 환경 세팅 29 개발 30 개발 31 개발 09-01 개발 2 중간 확인 3 4 개발 5 개발 6 개발 7 개발 8 개발 9 중간 확인 10 11 개발 12 예비군 13 ..

23년 차 웹/앱 서비스 기획자의 앱 기획 노하우를 공개합니다 : 네이버 블로그 (naver.com) 해당 내용을 참고로 작성한 게시글입니다. 프로젝트 주제 개인의 캐릭터 굿즈를 공유, 홍보하는 서비스 공간 프로젝트 목적 캐릭터 굿즈는 주로 SNS로 공유되곤 한다. 하지만 SNS로 공유되는 굿즈는 사용자가 직접 SNS 검색을 통해 찾아봐야하는 번거로움이 있으며, 서비스에서 띄워주는 게시글은 흔히 말하는 알고리즘을 타야만 공유되는 단점이 있었다. 그렇기 때문에 캐릭터 굿즈를 공유하고 홍보하는 목적으로만 만들어진 서비스를 제작하여, 해당 목적을 가진 사용자에게 빠르고 효율적인 굿즈 검색 서비스를 제공하는 것이 목적이다. 프로젝트 이름 캐플라이어 ' 캐릭터 ' + ' 플라이어' 를 합성한 단어이다. 의미를 직..