[JS]바닐라JS 코딩챌린지 완성

2022. 5. 20. 18:57카테고리 없음

아침 9시부터 저녁 8시까지 점심만 먹고 안 씻고 코딩했다...

사실 CSS만 어느 정도 했으면 덜 걸렸겠지만

 

JS소스파일에서는

 

첨부터 만들어야 했던, 만들고 싶었던 URL-Holder도 만드는 해법 찾느라 시간을 잡아먹었고,

아까 글을 썼던 이벤트 처리 시 새로 동적으로 자식엘리먼트를 만들었을 때,

부모엘리먼트를 제대로 찾지 못하는 문제를 해결하는 데 시간을 많이 잡아먹었다

 

url홀더 얘기를 좀더 하자면

리스트에서 span이 아닌 a를 생성해서 넣었을 때는 내가 생각한대로 href링크가 set되는 게 아니라

일반span처럼 텍스트만 들어가고 anchor가 되지 않았다

여기에 어떻게 href를 집어넣지 하고 고민했지만 setAttribute로 생각보다 쉽게 해결돼서

허탈했지만 엄청나게 기뻤다 url홀더를 다 완성했을 때에는 기존 내가 만들었던

todo-list 코드를 약간 재활용하긴 했지만 나도 이런 걸 만들 수 있다고?

생각이 드니까 매우 두근두근했다 그리고 이거 만들다가 포기할까도 생각했다

왜냐하면 애초에 이거 만들라고 하지도 않았고, 그냥 내가 만들고 싶어서 추가하는 거였기 때문에...

굳이 만들 필요도 없었기 때문이다 하지만 포기하고 싶지 않아서

'아니 방법이 있을 거야' 생각하고 잠시 멈추고 차근차근 코드진행과정을 계속 면밀히 살펴보며

끈기있게 구글링했더니 결국 방법을 찾은 것이다

 

 

그 외의 시간은 사실 CSS적으로 디자인 어떻게 할지 정하는 거나,

나머지 border나 박스위치 세부조정 이런 것들에 시간을 썼던 거 같다 

 

url-holder 제외하고 기능 자체는 다 만들어놨었지만, 4일의 시간을 줬던 챌린지 마무리지만

아무튼 하루 만에 프로젝트를 마무리 할 수 있게 되어 다행이다 

 

일단은 쉬었다가 다음주에 코드정리하고 리뷰하면서 복습할 겸 글을 더 쓰겠다 

 

 

 

완성본 github 배포 완료

https://constelfu.github.io/