개발자 99% 커뮤니티에서 수다 떨어요!
전산학부를 복수전공하고 있는 24살 대학생입니다.
전공 수업도 꽤 듣고, 프로젝트 및 인턴도 참여하면서 프로그래밍 경험을 어느 정도 쌓았는데, 싸지방이 없는 부대에 배치받아, 군대에 있는 동안 코딩과는 거의 담을 쌓고 지냈습니다. 전역 이후에 다시 코딩 공부를 해봐야지라고 생각했었지만 막상 시작하려니 두려움과 조급함이 앞섰던 것 같습니다. 그러던 중에 군대에서 유튜브로 챙겨보던 노마드코더의 챌린지 광고를 보고, 들어오게 되었습니다.
현재 바닐라JS 챌린지와 파이썬, 코코아톡 클린 코딩 챌린지를 동시에 참여하고 있는데, 정말 많은 것을 배우고 있다고 느낍니다. 예전에 학교에서 HCI 수업을 들었을 때 웹프로그래밍을 했던 경험이 있었는데, 웹프로그래밍에 관해 무지하기도 했었고, 수업이 친절하지는 않아 많은 시간을 들였지만, 그리 마음에 들지 않는 웹사이트를 만들었습니다. 하지만 여기서는 되게 세세하게 가르쳐주기도 하고, 차근차근 쌓아가는 방식으로 수업이 제공되어서 그 때 알지 못했던 것들을 많이 알게 되었습니다. 또한, 커뮤니티의 힘도 느끼고 있고, 챌린지 스케줄을 따라 가다 보니 쉽게 해이해지지 않는 것 같습니다.
그리고 바닐라JS 졸업작품을 직접 만들어보며, 또 많이 배운 것 같습니다. 수업에서 가르쳐주는 대로 따라 만드는 과정은 수월했는데, 새로 디자인하고, 제가 원하는 기능을 구현하는 과정에서 많은 어려움이 있었습니다. 계속 아이디어를 생각해보고, 테스트해보고, 모르는 것들을 찾아보면서 한 단계 성장했다고 느껴져, 뿌듯한 것 같습니다.
https://gimokyun.github.io/nomadcoder-vanilla-js/
제가 wave, 흐름같은 키워드를 상당히 좋아해서 wave를 테마로 만들어봤습니다.
우선, 처음 이름을 입력하는 페이지를 띄워줄 때 글자를 쓰는 듯한 애니메이션을 구현해봤습니다. 그리고 처음 페이지가 사라질 때와 메인 페이지가 나올 때 애니메이션도 추가해봤습니다.
우선 header 부분은 날씨, 파도소리, d-day 기능을 추가했습니다. 기본적으로 제공되는 날씨 이모티콘이 맘에 들지 않아, main 날씨에 맞는 이모티콘을 넣어주었고, 해당 부분을 클릭하면, 오늘 날씨, 오늘 날씨에 맞는 메시지, 향후 5일의 날씨 예보를 보여주도록 만들었습니다. 파도 소리 부분은 기본적으로 제공되는 디자인이 맘에 들지 않아서, 페이지에 묻어나게끔 새로 디자인을 해주었습니다. d-day는 그 부분을 클릭하면 날짜와 이벤트를 추가할 수 있도록 하였고, 가장 임박한 이벤트를 메인에 띄워주도록 만들었습니다.
시계 부분에는 오늘 날짜도 나오게끔 추가했고, 전자 시계와 같은 느낌을 주기 위해 colon이 깜빡거리게 만들었습니다. 그리고 추가한 to-do를 지울 때 입력해놓은 메시지 중에서 특정 메시지가 출력되도록 만들었습니다.
파도 애니메이션을 canvas를 이용해서 만들어보려 했는데, 다른 것들도 할 게 많아서 구현을 못했습니다 ㅜㅜ 다음에 다시 canvas 애니메이션 공부를 해서 추후에 추가해보겠습니다.
많은 것을 배운 시간이었습니다. 이렇게 좋은 강의, 챌린지를 제공해주셔서 정말 감사합니다!