카테고리 없음

[회고록] GitHub 스타일의 개인 사이트 (2차 작업)

경험을 기록하다. 2024. 3. 11. 21:00

#1. 개요

1차 작업에서는 온라인 강의 수강하기 전 회고록이었습니다. 2차 작업에서는 전체적으로 리팩토링 진행 중이며, 추가로 기능 구현이 있으면 추가하고 반응형까지 구현 예정입니다.


#2. 개발 기간

구직 활동, 개인 작업물 추가하면서 리팩토링 진행하고 있어서 기간은 명시하지 않았습니다.

 


#3. 사용한 기술

· HTML

· CSS

· JavaScript

· React


#4. 구현한 기능 및 목표

· 리팩토링 진행하고 다양한 기능 구현 목표

 


#5. 회고록

아래 내용부터는 일기장처럼 회고록을 작성하겠습니다.

  진행 전  

온라인 강의 수강하기 전에 이미 만들어진 상태라서 어디서부터 손을 대야 할지, 어떻게 하면 좋을지 몰라 아득했었다. 우선 프로젝트 폴더 구조를 보면서 느낀 게 "처음 설계가 중요하구나"라는 생각이 났다. 온라인 강의 수강 후 배운 코드로 리팩토링하기 위해 많이 고민하였다.

 

(선배 개발자 볼 때는 많이 고민하였는데도 불구하고 미흡한 부분이 있다고 생각한다. 나름 최선을 다하고 노력하였다.)

  진행하면서 어려웠던 점  

프로젝트 진행하면서 만났던 문제를 어떤 과정으로 해결했는지 작성했다. (글이 많으니 양해 부탁드려요.. 😅)

 

#1. 꾸준히 관리할 수 있는 폴더 구조로 하고 싶은데 어떻게 할까?

작업하기 전 (커밋하기 전)

· 폴더 안에 컴포넌트로 생성하고 사용하였다.

 

문제

· 직관적으로 봤을 때 유지 보수가 힘들고 어떤 기능의 컴포넌트인지 모른다.

· 명시적인 네이밍이 아니라서 파일을 하나씩 하나씩 확인해야만 했다. 네이밍에서 중복된 단어들이 많았다.

· 재사용이 가능한 컴포넌트 사용하지 않았다.

 

해결하는 과정

· 우선 폴더 구조를 구글링하거나 유튜브에서 보고 응용하였다.

 

해결

· (해결한 폴더 구조 이미지로 보여주기)

  끝나고 아쉬운 점  

# 부제목

설명

# 부제목

설명

  프로젝트 진행 후 얻은 것  

# 부제목

설명

# 부제목

설명

  더 공부해야 할 것  

# 부제목

설명

# 부제목

설명

    

미흡한 내용이었지만 끝까지 읽어주셔서 고맙습니다. (90도 숙여서 인사) 😊