최신글
-
사이드 프로젝트
[클라이언트] 4. 뷰 작성
드디어 프로젝트의 기본적인 뷰를 작성하게 되었습니다.요즘 업무적으로, 개인적으로 바쁜 일들이 생겨서 많이는 진행하지 못해도 한 페이지 레이아웃 정도는 잡아보겠습니다. 우선, 페이지는 세 개로 만들기로 했으니 세 개의 페이지를 작성해보겠습니다.ProjectExplorePage, ProjectManagePage, ProjectEditPage 라고 이름을 붙이고 각 파일을 생성합니다.내부는 아래처럼 일단 작성하지 않겠습니다. const ProjectExplorePage = () => { return ( 탐색중 );};export default ProjectExplorePage; 오늘 작성할 페이지는 ProjectEditPage입니다.지난번에 작성한 디자인은 아래와 같습니다.그럼 레이..
-
사이드 프로젝트
[클라이언트] 3. 프로젝트 초기 설정하기
1. 라이브러리 정하기정말 대략적인 기획은 뽑았으니 나머지는 차차 해가는 걸로 합시다.그렇다면 이제 프로젝트를 시작해봐야 합니다. 근데 문제가 있습니다.회사 프로젝트만 하고 사이드 프로젝트를 잘 안 하다 보니까 뭐가 트렌드고 뭐가 좋은지를 잘 모르겠어요.평소 공부하던 영상 외에 진짜 뭐가 괜찮은지 찾아보겠습니다. 일단 React로 시작하는 건 제가 그냥 정했습니다.Angular는 언제 사라질까 무섭고, Vue는 제가 계속 개발을 유지한다는 가정 하에프로젝트가 커질수록 좀 성능면 문제가 있지는 않을까 싶어서요.다른 건 아직 생태계가 너무 작아서 제가 배우는데 더 오래 걸릴 것 같습니다. React를 시작하는 방법은 크게 CRA, Webpack Vite, Next.js(SSR) 등이 있는데요.CRA는 이제 ..
-
사이드 프로젝트
[기획] 2. 프로젝트 목표 설정하기
우선 큰 기획을 좀 해봅시다.이 프로젝트가 뭘 하기 위한 서비스고, 그래서 어떤 기능이 필요하고, 어떤 페이지들이 필요한지만 정해보겠습니다. 제 서비스는 우선, 간단한 앱은 간단하게 만들 수 있는 걸 목표로 합니다.예를 들어 상품을 홍보하는 간단한 앱을 만들고 싶을 때,개발자는 일단 코드부터 작성하고 보면 된다지만, 간단한 걸 작성하는데 프로젝트 초기 설정부터 하는 건 좀 귀찮지 않습니까? 그래서 Wix, Framer 등 여러 도구가 존재하지만 Wix보다는 개발자 중심의, Framer 보다는 단순한 방식의 디자인으로앱을 쉽게 만들고 배포하면 편하고 좋지 않을까 합니다.사용자들이 만든 것들 좀 구경도 하고 그러면서 아이디어도 좀 얻어보고 그러면 좋을 것 같기도 하고요. 그래서다른 사용자들의 앱을 구경하는 ..
-
사이드 프로젝트
[기획] 1. 프로젝트 시작하기
이번에 Toss SLASH24를 시청하다가 재밌어 보이는 주제를 발견했습니다.No-Code Tool로 만드는 마지막 인터널 제품 영상에서 나온 노코드 앱 제작 툴인데요. 코드를 안 쓴다는 게 중요한 게 아니라, 간단하게 원하는 형태의 앱을 제작하고 배포할 수 있는 방식이 재밌었습니다.그런 제품이야 꽤 있고, 이미 회사에서도 만들고는 있지만토스 내부에서 쓸 제품으로 필요한 기능을 잘 정리하고 만든 느낌이 강해서 깔끔하다는 생각이 드는 제품이었습니다. 스키마를 정의하고 그걸 통해서 앱의 변수를 제어하는 방식이나,앱의 디자인은 이미 TDS로 정의되어 있으니 그에 대한 큰 수정은 불가한 방식 등강제를 통해 편의성이 증가해 보이는 게 큰 것 같습니다. 크게 어렵지 않게 구현된 것 같고 기획도 제작도, 배포도 다 ..
