개발 마라톤

이번 글은 단순하게 내가 무엇을 학습했는지를 기록하기 위한 글이다. 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 검색을 통해 찾아봐야하는 번거로움이 있으며, 서비스에서 띄워주는 게시글은 흔히 말하는 알고리즘을 타야만 공유되는 단점이 있었다. 그렇기 때문에 캐릭터 굿즈를 공유하고 홍보하는 목적으로만 만들어진 서비스를 제작하여, 해당 목적을 가진 사용자에게 빠르고 효율적인 굿즈 검색 서비스를 제공하는 것이 목적이다. 프로젝트 이름 캐플라이어 ' 캐릭터 ' + ' 플라이어' 를 합성한 단어이다. 의미를 직..

부트캠프를 수료하고 약 한 달이 지났다. 대학 전공과 이번 부트캠프를 통해 팀 프로젝트는 경험을 해보았지만, 아직 내 인생에 나 자신만의 개인 프로젝트는 도전해보지 못했다는 것을 깨달았다.. ! 문득 내 머리 속에 있던 작은 망상들이 스쳐지나가고 그 중 하나를 나만의 서비스로 구현해보고 싶어졌다. 나 혼자서 서비스와 디자인을 구상하고, 서비스를 기획하고, 계획하고, 개발하는 것은 어떤 일일지 정말 기대가 되기 시작했다. 프로젝트 개요 나는 예전부터 캐릭터 상품(이하 굿즈)에 관심이 많았다. 가족 구성원에서 미술쪽으로 두 분이나 일을 해서 그런지 그런쪽에 영향을 받은 것 같기도하다. 그런데 굿즈를 구상하고 만드는 상상까지는 즐거웠는데, '어디서 굿즈를 홍보하면 좋지?' 라는 생각이 들었다. 당장 '굿즈 홍..