TIL 20220510 - 16번째

정리 (  https://mo-i-programmers.tistory.com/38  )

---

오늘 프로젝트 3일차 후기 

에러?? 어디가 문제지?? 하고 고쳐내고 나면 왜... 고쳐졌지??

 

거짓말이 아닌 100퍼센트 실화 바탕으로 실제로 많은 사람들이 저러니 짤도 있는 것 아닐까??

오늘은 프로젝트 내에서 어제 하던 거 이어서 만들고(각종 주의문, 작동 조건 등) 새로운 캘린더 기능을 넣어보았다.

각종 기능들이 동작하는데 있어 조건을 추가하고 주의문을 띄우거나 하는 건 예전 수업에서 들은 내용들을 다시 뒤져가고 정보의 바다 구글 덕분에 하기 쉬웠지만 캘린더 기능과 이미지 미리보기는 해본 적도 없고 찾아도 코드를 이해하기 힘들어 꽤나 애를 먹었다.

특히 이미지 썸네일 부분은 99퍼센트의 붙여넣기와 1퍼센트의 노력으로 완성 됐는데.. 그 과정이 저렇다 보니 에러가 터져버리니까 이게.. 어디서 터지는지... 왜 터지는지 전혀 이해가 안가니 답답할 지경이었다.

혼자서 이것 저것 코딩 분석을 해보면서 해결해보려 했는데 결국 시간만 쓰고 튜터님에게 도움을 청하러 가서 해결했다.

대신 문제는 해결은 됐는데 이게 왜 해결 돼서 돌아가는지 모른다는 게...아쉬울 따름이다.

다시 하나하나 찾아보면서 이해를 하고 다른 곳에 이용해 본다면 다음번에 똑같은 실수를 안하지 않을까 싶다.

 

1. FACT

프로젝트 코딩

2.FELLINGS

오늘은 내가 배웠던 것 위주로 기능들을 집어 넣다 보니 그 때 강의를 듣고 복습하는 과정을 거치면서도 이해가 안 갔던 부분들이 직접 생각하고 코드를 짜면서 기능 구현을 해보니 한방에 정리가 되는 기분이었다.

확실히 머리로만 아는 것보다 몸으로 익히는 게 훨씬 빠르다고.. 괜히 나오는 말은 아니다.

아무튼 아직 힘들지만 재밋게 하고 있고 이렇게 중간중간 프로젝트들이 있는 게 확실히 실력을 키워나가는 데 중요한 요소인 것 같다고 많이 느꼈다.

3.FINDINGS

-자바스크립트나 jQuery 등을 이용한 캘린더 기능(datepicker/daterangepicker)

-input값에서 특정 문자만 작동할 수 있게 만드는 법(정규식 활용)

-if문을 이용한 동작제어( 수업시간 배웠던 if else if else)

-이미지 썸네일기능(코드 분석 필요)

4.FUTURE

새롭게 적용할 기능들을 배웠으니 다른 페이지가 작동할 때 써볼 생각이다.

특히 캘린더 기능이나 부트스트랩 bulma를 더 자주 이용해보니 어느정도 손에 익어 다음 번엔 더 다양한 css파일들을 써보고 싶다

백엔드 과정을 가고 싶은데 이번엔 프론트쪽을 더 많이 다루는 느낌이라 백엔드 쪽도 많이 다뤄 보도록 해야겠다.