이전 블로그 는 그저 서비스 개발자로써 배운것들을 적용해 볼 생각으로 만들어본 Side project 정도였다. 
1년정도 그 블로그를 수정하고 만들어보면서 점차 개선되어 가는 모습에 조금씩 욕심이 생기기 시작했고, 
진짜 내가 쓴 글을 다른사람들이 볼 수있는 블로그를 만들어 보고 싶었다. 

그런데 React 로만 만든 프로젝트여서, SPA 특성상 SEO 를 적용하기가 어려웠고, 결국 기존코드에 쌓여있던
Legacy 들을 해결함과 함께 Next.js 로 새로 프로젝트를 만들어보기로 결정했다. 

아직 버그들이 있긴하지만, Editor 부분과 Post 게시 부분등 아주 기본적인 부분들은 
사용하는데 큰 무리는 없을듯 해서 이렇게 첫번째 글을 작성한다. 

이번기회에 Next.js 를 공부하고 적용해봤다. 생각보다 아주 잘만들어진 툴이라는 생각이 들었다. 특히 배포과정까지 vercel 을 이용해서 한번에 해결할 수있었는데, 매끄럽게 잘 구성되어 있었다.

초기 프로젝트 당시에는 javascript 로 이루어져있던 프로젝트였는데, 새로만들면서 typescript 로 프로젝트를 구성했다.  Typescript 는 코딩하면서 오류를 줄여주는 점도 있지만, 사이드 프로젝트 특성상 아주 오랜만에 코드를 보는 경우도 많은데, 그럴때 코드를 다시 이해하는 시간을 많이 줄여줄 듯하다. 

Aws Amplify 서비스를 요즘 많이 써보고 있는데, IAC(Infra As Code)개념이 마음에 든것도 있지만, 전반적인 flow 가 매끄럽고 aws 의 여러 서비스들과의 호환성이 좋다고 생각했기 때문이다. Beanstalk 로 node Express 서버를 올리고 RDS 를 통해 mySql DB 를 사용했었는데, 그것과 비교했을때, 비용이나 관리측면에서 Serverless 의 장점들을 많이 가져갈 수있을것 같다.

local 이미지를 올리면 S3 에 업로드가 되는데, 결국 페이지를 post 하지 않거나, post 되어있던 게시물을 지울때, 해당하는 post image 와 tag 들이 같이 지워지게 만들었다.  기존엔 그대로 있었다 ㅎㅎ; 

개발블로그다보니 코드블럭을 넣을일이 많았는데, 이전블로그에서는 구현되어있지 않았다. 
이번에 만들면서 새로 넣어봤다. 

1. 현재는 about 페이지가 비어있는데, three.js 를 이용해서 디자인적으로 멋진 페이지를 만들어보고싶다. -> 일단 lottie 를 만들어서 해결  

2. 첫번째 글을 작성하면서 몇가지 버그가 보인다. 이미지 넣었을때 upperbar 위치문제, 코드블럭 넣었을때 readOnly 모드가 켜지는 문제. 

4. SEO 적용하기 -> 어느정도 완료 

5. performance 개선 ( home route , post, edit route 등)->ssr 을 ssg 로 변경해서 해결 
5-1. post edit 후 바로 post 내용이 반영되지 않는 현상 

6. 가끔 스페이스 , 벡스페이스를 누를때 스크롤이 내려가는 현상 해결 

7. google 에서 검색이 안되는 문제 해결 -> 해결 

ReactDOM.render(
  <h1>Hello, world!</h1>,
  document.getElementById('root')
);

바뀐점과 앞으로 더 바뀔점!

블로그 이전후 첫번째 글 

https://images.unsplash.com/photo-1615469619480-1a7e77deb56c?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwxMzAzMzB8MHwxfHNlYXJjaHw0fHxmaXJzdHxlbnwwfHx8fDE2MjA5NDY0MzY&ixlib=rb-1.2.1&q=80&w=1080

Pnuu - 찐친 소통 앱을 만들었다.

앞으로 잘 유지하고 개선하는게 다음 목표 

찐친 소통앱을 만들었다. 스토어링크는 여기

이번 년도 4월 부터 10월까지 6개월동안 Heartright.co 대표이자 디자이너님과 함께 
컨셉회의부터 기능하나하나 어떻게 들어갈지 정하면서 진행했다. 

중간중간 새로운 아이디어가 생기고 조금씩 바뀌는 부분들이 생겨났지만 
여러가지 기능들이 들어가고 나도 만들어보고 싶은 주제의 앱이어서 1차적으로 완성하고나니 기분이 좋다. 

자세한내용은 나중에 정리해야지. 

대략적인 사용영상 ( 중간에 기록한 영상, 버그가 좀 보인다. ) 