본문으로 바로가기

[코드 조각] 코드 조각 프로젝트 회고록

프로젝트 소개

예전부터 개발하고 싶었던 대학 과제 형태의 문제와 정답을 모아둔 사이트이다. 사이트 명은 코드 조각이고 흔히 말하는 족보 사이트라고 볼 수 있다. 그러나 정답만 있기 때문에 과제만 해결할 수 있고 결국 시험을 치려면 스스로 공부를 해야한다.

사이트 주소 : 코드 조각 이동하기

◆ 사이트 이미지

사용 언어, 배포 및 개발 기간

프론트 : Next.js / 배포 : Vercel

백엔드의 경우 굳이 필요하지 않아 사용하지 않았다. (굳이 db를 사용할 필요가 없는 프로젝트라고 판단.)

개발 기간 : 2022년 구정 연휴

대충 하고 싶은 말

구정 연휴에 뭐할까? 고민하던 중 이전에 만들어 둔 코드 조각 사이트를 뜯어 고치자 라는 생각을 하였다. next.js를 다시 공부하였고, TypeScript도 약 2-3주 공부해보며 사용해보았으니 이번 연휴에 가능할 것이라고 생각하였고 큰 기능들은 성공적으로 완성되었다고 판단하고 배포까지 하였다. 추가된 기능 및 수정된 기능은 아래와 같다.

- 배포 로그 추가 : 배포 로그를 작성하여 뭐가 어떻게 변경되었는 지 확인하기 쉽도록 하였다.

- dark, light 모드 추가 : 이번에 emotion도 공부하여 theme을 전체적으로 적용하였고 이것을 활용할 수 있는 기능인 dark, light mode를 추가해보았다.

- 옆(왼쪽) 메뉴 사이드 바 추가 : 기존 사이트는 메뉴 사이드 바가 없었다. 지금도 컴포넌트만 존재하지 기능은 하지 않는다. 추후 기능을 하나씩 더 추가하여야겠다. 띄기

사용자 타켓은 컴퓨터 공학과 1, 2학년 / 전자.기계과 2학년이다. 이 쯤 C / C++ / Java / Python을 많이 배우기 때문이다.

프로젝트 구현 시 어려웠던 점

기존 프로젝트 구조가 엉망이라 전체를 뜯어고쳐야 했음.

sitemap이 잘 생성이 되어야 검색이 잘 되므로 해당 작업을 많이 찾아보았음.

2차 도메인 연결을 블로그 외 처음해보아 시간이 조금 걸렸음.

구글 광고 배치를 어떻게 하면 사용자에게 불편하지 않게 할 수 있을까? 고민해봄.

추후 사이트 계획

아직은 C언어, Python 밖에 없고 이 마저도 많이 없다. 추후 C++, Java 등 많은 언어와 게시글을 추가할 예정이다. 그리고 중간 중간 버그 수정 및 생각나는 기능을 추가할 계획이다.

결론

너무 재미있게 한 프로젝트이다. 우선 내가 하고 싶었던 프로젝트였기도 하고 새로 배운 기술을 접목하여 이해한 내용이 정확히 맞는 지 다시 검증할 수 있는 좋은 기회였다고 생각한다. (많은 사용자가 생겼으면 좋겠다.)

반응형