211110_TIL:Today I Learned

느낀점

오늘 수업을 마치고, 베를린에서 FE 개발자로 근무하고 계시는 이수진님의 특강을 듣게 되었다. 비전공자로 커리어를 시작하셨지만 누구보다 적극적이고 열정적인 태도로 꾸준한 커리어 패스를 만들어가시는 수진님의 강연을 통해 해외취업에 관한 아이디어와 자세한 방법, 개발자로 성장하고 나아가기 위해 어떤 점을 준비해야하는지에 대해 들을 수 있었다. 강연을 듣기 전 수진님이 운영하시는 블로그?를 먼저 확인해보았는데, 지금의 자리에 가기까지 얼마나 많은 노력을 하셨는지가 여실히 드러나는 블로그여서 깊은 감명을 받았다. 단순히 코드를 짜는 것에 그치지 않고, 다양한 커뮤니티, 오픈소스 기여, 번역 등을 통해 세상에 자신을 알리는 수진님의 모습이 정말 멋지다고 생각했다. 조금 더 깊게 생각하면 이런 길도 있다는 것을 진작 찾아볼 수도 있었을텐데, 여태까지 대학을 다니며 정말 수동적으로 생각했구나에 대해 스스로 반성하는 시간도 되었던 것 같다. 본인의 목표를 명확하게 세우고 앞서 나가는 친구들을 부러워하면서도, 나는 그런 노력을 하지 않았던 것에 대한 반성도 많이 했다. 이제는 나에게 영감을 주는 멋사의 미래님들과 멋진 팀원들이 함께니까 그들에게 걸맞는 더 멋진 주니어 개발자가 되도록 커리어를 쌓아나가야겠다🤙

 

오늘 한 것

• NHN, Google의 코딩컨벤션 문서 체크
• CSS animation 예제
• CSS perspective 예제
• Media Query
• button 활용 예제

 

셀프 평가

1. 새벽기상을 시작한지 3일차, 의지부족으로 운동과 수업들을 준비를 마친 뒤 8시쯤에 잠이 들어버렸다. 다시 눈을 떠보니 9시 15분이었고, 처음으로 지각을 해버리고 말았다🤦‍♀️🤦‍♀️🤦‍♀️🤦‍♀️ 평소에 개근상도 놓치지 않고 타오던 나인데,, 지각이라니😭😭 너무 당황스러웠지만 바로 컴퓨터를 키고 수업에 참석했다. 완전무결한 내 출석부에 한가닥 오점을 남겨버렸지만, 이렇게 엄청난 실수를 저지른 바람에 앞으로 새벽운동을 마치고 잠에 드는 일은 없을 것 같다. 애매하게 잠들면 오히려 일어나는게 버겁기 때문에 이번주까지 6시 기상에 도전해보고, 만약 체력적으로 너무 부담이 된다면 30분 정도 더 수면을 취하도록 습관을 바꿔볼 예정이다😅
2. 머릿속으로는 완전히 이해했다고 생각하는 html, css 이론들을 코드라는 형태로 만나보니 아직도 많이 헷갈리고 있다는 사실을 오늘 깨달았다. 아직까지는 해당 이론들에 대한 명확한 정립이 내 머리속에서 이뤄지지 않은 것 같다. 주말에는 지난주에 달성하지 못했던 이론 포스팅을 진행해야겠다! 또 실전에서 언어들을 만났을 때의 경험도 압도적으로 부족해서 이러한 현상이 발생하는 것 같다😥 그래도 포기하지 않고 꾸준하게 코드를 접하고, 수정하고, 실패하는 경험과 성공의 경험을 반복하면서 점점 더 익숙해지는 것 같다. 내 class의 멘토님이 해주신 이야기처럼 익숙해질때까지 버티는 사람이 이기는 것이라는 점을 다시 되새기자🔥
3. 오늘 수업 중간에 button에 transform, animation을 주어 나만의 형태로 바꿔보는 실습을 진행했다. 천하제일 버튼 경진대회라는 이름으로 작은 행사도 열어주셨는데, 강사님이 제공해주신 틀이 아닌 내가 원하는 모양으로 버튼을 구현하기위해 엄청난 도전을 했다. 물론 css에 통달하신 전문가님들이 보시기에는 작고 보잘껏 없는 코드이겠지만 중간에 선택자를 잘못 지정해서 animation이 적용되지 않은 문제가 있었다. css에서 animation 중첩 적용이 개념적으로 안되는 일인줄 알았는데, 구선생님(구글)에게 물어보니 충분히 가능하다는 것을 알게되었다. animation 적용 자체에 문제가 있는 줄 알고 열심히 뜯어고치고 있었는데, 밥먹고 나서 천천히 다시 코드를 뜯어보니 선택자 자체가 버튼이 아닌 가상요소에 지정되어있어서 hover를 했을 때 적용이 안되었다는 사실을 발견했다. 얼마나 어이없고 허탈하던지🤦‍♀️ 그래도 안되는 원인을 찾아서 즐거웠고 너무 뿌듯한 시간이었다. 막히던 부분이 해결되니 그 다음 구현은 비교적 수월했고, 특강 전까지 구현을 마칠 수 있었다. 아 역시 이래서 코딩을 못 끊어,,😏 아래는 그렇게 구현한 내 작고 소중한 버튼 동작을 준비해봤다👊👊 여유가 있다면, 두 animation이 이어지는 부분을 좀 더 자연스럽게 구현해보고 싶다!

 

내일 할 것

• Media Query를 활용한 반응형 웹 제작

 

30 DAYS HABIT MAKER (by. weniv)

https://dev.habitmaker.co.kr/

Day Habit Challenge