프로젝트 보다 주로 공부를 하거나 평소에 적용해 보고 싶었던 CSS기술이나
기능를 구현하는 것을 공부 하고 만들어봤다.
1.socket.oi를 이용한 실시간 채팅 구현
- 일딴 만들어진 코드를 보고 한번 작성해 보았고 이해하는것에 초점을 맞췄다.
머랄까 코드를 보면 이해는 되는 느낌이 들긴했다.
다만 내가 이것을 안 보고 작성할수 있느냐 그리고 내 프로젝트에 녹여낼수있냐의
문제가 있었다.
공부는 했으나 적용은 해보지 않았고 백과 소통하면서 하지 않았으므로 추후
백과 소통하며 적용하는것을 해봐야겠다.
2.Tab 기능 구현
- 이건 우리 프로젝트에 적용 되있으나 이 부분은 내가 작성 하지 않고 팀원이 한것이고
전 부터 해보고 싶은 기능이기에 찾아 보고 생각하면서 구현했다.
이것은 의외로 매우 간단했다.
리액트를 정확히 이해하고 많이 작성하다보면 굳이 찾아 보지 않아도 구현할수있는
간단한 기능이라고 생각이 된다.
이것은 프로젝트에 쉽게 녹일수 있을거 같고 코드를 꾸준히 작성하며 익숙해져
굳이 이런기능을 찾아보지않아도 구현할수 있는 능력을 길러야겠다.
3.이미지 업로드와 미리보기
- 이미지 업로드와 미리보기 같은 경우는 강의를 보면서 따라 치긴했으나
너무 모르는 시기에 그저 따라치기 바빴으므로 정확히 이해하고 있진 안았는데
코드를 다시보고 공부하며 이해하고 작성해보았다.
이 부분은 완벽하게 안보고 작성하기 힘드나 안보고 생각하며 계속 작성해
내것으로 만들어야겠다.
4.로그인 기능 구현
- 사실 이부분은 계속 해보고싶었다. 하지만 아직 코드 자체를 이해하는데 어려움이 있어서
어렵다고만 다가와 해보지못했는데 이번에 직접 작성해보며 공부했다.
생각보다 그렇게 어려운것이 아니였다.
코드 자체 작성은 길긴 하나 하나한 이해하는데 문제는 전혀 없었다.
이부분은 안보고 치는 연습을 더 해 내것으로 만들어야겠다.
5.스크롤시 애니메이션 적용 및 이미지업로드 버튼 꾸미기
- 전부터 싱글페이지를 해보고 싶었는데 실글페이지를 만들때 자주 적용되고 적용하면 좋은
라이브러리스 찾아보고 사용해봤다. (AOS,react reveal)
의외로 적용하기 쉬웠고 사용해보니 훨씬 보기도 좋았다.
확실히 내가 모르는 좋은 라이브러리가 많은거 같다.
꾸준히 공부하고 하나하나 내것으로 만들어야겠다.
이미지 업로드같은 경우는 label를 이용해 div에 연결해 버튼을 꾸몄다.
6.여러가지 기본 지식
- oop나 함수형프로그래밍 등등에 대한 프로그래밍 지식들을 찾아보고 공부했다.
확실히 그 동안 작성 하고 있던 것들에 대한 지식이 부족했다라는것을 많이 느꼈고
이 지식들을 공부하며 내것으로 만들며 그저 작성하는것이 아닌 이것이 왜 이렇게 작성되고
왜 이것을 사용하는지에 대해 다시 생각하게 됬다.
앞으로도 꾸준히 공부해 좋은 개발자가 되야겠다.
마치며
사실 내가 부족한건 내가 제일 잘안다.
그냥 대충대충 넘어가지 말고 확실하게 공부해서 그저그런 개발자가 아닌 좋은 개발자가 되기
위해 노력해야겠다. 어제의 나와 비교하며 꾸준히 발전하는 개발자가 되자.
i'm groot