sooonlog

느낀점

예전에 FE관련 수업을 들은 적이 있는데, 이제와 생각해보니 그건 퍼블리싱에 관한 수업이라고 해야 더 맞는 이야기같다. 어제 수업에서 프론트엔드 개발자와 퍼블리셔에 대한 차이와 구분에 대해 이야기하는 글을 강사님께서 공유해주셨는데, 찬찬히 읽어보니 퍼블리싱 실무 교육에 더욱 가까웠던 것 같다는 생각이 들었다. 물론 그때 제대로 학습하지 못하긴 했지만,,😅 그때 받았던 수업 자료를 가지고 개념 리뷰를 진행했는데, 아직까지는 배우는 결에서 큰 차이를 느끼지는 못했다. 그치만 JS를 딥하게 다루게 되면 이 생각은 바뀌겠지..?😱 

오늘 한 것

• HTML 개념 리뷰

셀프 평가

1. 주중에 수업을 듣느라 미뤄뒀던 공부외의 일들을 처리하느라 많은 시간을 쏟았던 하루였다. 특히 김장시즌이라 할머니댁으로 내려간 어머니 대신 집정리도 하고, 집안일도 하고, 하자 AS도 받는 등 (약간 TMI,,) 바쁜 하루를 보냈다. 이번주말은 집에 혼자있는 시간이 길거라고 예상하고 스터디카페 대신 집에서 공부하자고 계획을 수정했는데, 집에 있으니 다른 할일들이 너무 많이 보여 HTML 리뷰도 겨우겨우 해냈다,,😭 다음주부터는 진짜 무조건 간다,, 스터디카페,,,,
2. 멋사의 미래들과 함께하는 아침운동 스터디는 평일 5일만 필수로 진행하고 주말에는 각자 자유롭게 진행하기로 했다. 내 마음은 오늘도 아침 일찍 일어나는 거였는데, 일어나기만 하고 운동을 가는 것은 해내지 못했다🤦‍♀️ 한 주동안 고생했다는 생각이 나태하게 나를 만든 것 같다. 반성🙏하고 월욜부터는 다시 힘을 얻어 열심히 살아가는 나로 돌아가야겠다🤙

내일 할 것

• 로그인 페이지 구현

30 DAYS HABIT MAKER (by. weniv)

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

느낀점

벌써 일주일이 또 지나갔다. 시간이 얼마나 빠른지 체감하는 요즘이다😱 이렇게 점점 체감하는 시간이 빨라지면 나이를 먹어가는 거라고 어른들이 말씀하셨는데,, 큰일이다ㅎ,,ㅎ 그래서 계속 효율적인 시간의 사용에 대해 생각하고 있는데, 이를 실천해가는 과정이 참 쉽지않은 것 같다. 꾸준히 나를 제어하는 것이 필요한데, 나는 나에게 너무 무르달까😥 오늘도 수업이 끝나고 이렇게 TIL을 적기까지 많은 시간을 휴식에 쏟았다. 몸은 편하지만 마음이 약간 불편한 마무리여서 내일은 더 열심히해야겠다는 생각을 했다🔥

오늘 한 것

• CSS 설계기법 (OOCSS, SMACSS, BEM)
• figma를 활용한 모바일 우선 웹페이지 구현

셀프 평가

1. 아무래도 취업에 관한 관심을 가진 분들이 많이 모여있다보니, 자연스럽게 관련된 내용이 수업중에 나왔다. 다들 폭발적인 관심을 보이자 강사님이 몇가지 공고들을 분석해주시기도 하고 현업의 내용을 이것저것 많이 말씀해주셨는데 굉장히 동기부여가 되는 부분이었다. 포트폴리오를 작성할 때 중요하게 생각해야하는 부분이나 어떤 기술 스택들을 준비해야할지 회사가 원하는 부분은 무엇인지를 충분히 생각해볼 수 있는 시간이어서 굉장히 유용했다🥰
2. 기존에 네이밍을 할때에는 내가 구분하기 편한대로 짜왔는데, CSS 설계 기법들을 배우고 그 내용을 공부하며 알게모르게 그러한 규칙들을 적용하고 있었구나 하는 생각이 들었다. 물론 완벽하게 도입하거나 지켜온 것은 아니지만, 나름의 기준을 잘 지키고 있었구나 하는 생각이 들었다🤔

내일 할 것

• HTML 개념 리뷰

30 DAYS HABIT MAKER (by. weniv)

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

느낀점

처음 멋쟁이사자처럼 프론트엔드 스쿨 1기 과정을 지원할 때 내가 과연 제대로 학습할 수 있을지에 대한 고민을 많이 했었다. 휴학을 하고 1년동안 이것저것 손은 댔지만 제대로 끝내거나 결과를 보지 못했고, 결론적으로는 휴식을 취한 셈이 되어버려 그 공백에 대한 두려움이 있었다😭 그래서 두번째 휴학을 하면서 더 의미있는 활동을 하고싶다고 생각했고, 그렇게 접하게 된 것이 이번 과정의 모집 공고였다. 첫번째 휴학을 하기 전 프론트엔드 실무교육을 다른 기관에서 학습한 적이 있는데, 질문하는 것을 두려워해 수업 내용을 완전히 습득하지는 못했었다. 그 당시 강사님이 가르쳐주신 지식들이 내 머릿속 여기저기에 포진해있지만, 이해해서 나오는 코드가 아닌 외워서 치는 코드? 강사님 것을 단순히 보고 치는 코드?였기 때문에 내 포폴을 제작하는 것에서 부족함을 많이 느꼈다. 그래서 이번 과정도 그렇게 될까봐 지레짐작하고 겁먹어서 처음에는 지원하지 않으려고 했었지만, 친구들의 아낌없는 팩폭과 조언으로 마음을 고쳐먹고 지원하게 된 것이다😏 오늘 어떤 미래님이 이 교육을 듣게되어서 너무 좋다며 다행이라는 이야기를 하셨는데, 나 스스로도 공감이 많이 되는 내용이었다👍 특히 1기라 걱정반 설렘반이었는데, 제주코딩베이스캠프(이하 제코베)와 손잡고 진행하는 본 교육은 어떤 과정보다 초심자에게 친절한 과정인 것 같다는 생각이 든다😊 또 잘하는 사람, 처음 접하는 사람 등 각기 다른 사람들이 모여 듣는 수업이라 실력의 차이가 천차만별인데, 같이 수업을 듣는 동료들도 처음 배우는 동료의 속도를 존중하고 같이 나아가려고 열심히 도와주고 계신다🧡 진짜 평소 학교나 다른 사회생활을 했을 때는 개인주의적인 분위기를 많이 느꼈고 혼자 어려움을 헤쳐나가야만 했었는데, 이곳은 달랐다👍👍 정말 따수운 사람들이 많은 공간이라 점점 더 애정이 쌓이는 요즘이다💖 사랑해요 멋사🙏🙏

오늘 한 것

• Media Query
• Responsive web
• CSS Margin-collapsing
• Code refactoring

셀프 평가

1. HTML과 CSS에 관한 기초 개념은 앞선 2주 동안 대부분 짚고 넘어갔다. 교육을 담당해주시는 제코베의 강사님은 학습 목표를 부족한 2%를 채우는데에 전념하기보다 나머지 98% 부분을 채우는 것에 집중하라고 잡아주신 만큼, 모든 내용에 대해 세세히 전부 짚고 넘어가지는 않았지만 실제 코드를 작성하고 결과물을 만들어내기 위해 필요한 내용은 전부 가르쳐주셨다. 그래서 이를 바탕으로 실제 웹페이지를 제작하며 실전경험을 쌓는 중인데, 확실히 직접 코드를 치고 만드는 과정에서 더 많은 점을 배워가는 것 같다. 사실 아직 어떻게 짜는 코드가 맞는 것인지, 또 효율적인지를 스스로 판단하기 어려운데 강사님과 함께 제작하는 과정에서 현직자, 실무진의 코드 작성 방식이나 노하우 등을 습득할 수가 있었던 것 같다. 단순히 코드를 보고 따라치는 것이 아닌 한줄한줄이 왜 포함되는 것인지 그 로직을 이해하려고 하며 수업을 들으니 더욱 뿌듯하고 이론 지식을 실전에서 활용가능하도록 바꿔나갈 수 있었던 것 같다🔥🔥
2. 하루를 되돌아보자면, 어제 멘토님이 내주신 과제를 드디어 완성해서 제출했다. 햄버거버튼이라고도 불리는 메뉴 버튼은 예전에 모바일 웹 제작을 할 때 Font Awesome 사이트에서 아이콘을 가져와 구현했었는데, 직접 transition과 transform을 넣어 구현해보니 신기하다고 느꼈다. 멘토님은 이런 작은 차이가 홈페이지에 날개를 달아줄 수도 있다고 말씀하셨는데, 손수 이런 저런 기능을 투입해 페이지를 제작한다면 나도 더 애정이 가고 정성을 쏟게 될수밖에 없을 것 같다는 생각이 들었다. 우리 멘토님 최고💖💖

내일 할 것

• Media Query
• Responsive web

30 DAYS HABIT MAKER (by. weniv)

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

느낀점

오늘 수업을 마치고, 베를린에서 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/

느낀점

오늘 수업은 강사님의 덕담으로 시작되었는데, 어느정도 레벨에 도달하기까지는 수많은 양의 코드를 작성하는 것이 필요하다고 말씀하셨다. 처음부터 완벽한 코드를 작성하는 것은 쉽지 않고, 그 부분은 엄청난 양의 코드를 작성하고 수정해나가는 과정에서 발전해나갈수 있는 부분이라고 이야기하신 부분이 인상적이었다. 그리고 생산성을 위한 암기도 수많은 양의 코드 작성을 통해 자연스럽게 얻어나갈 수가 있다고 말씀해주셨는데, 그 이야기를 들으며 아직 나는 많이 부족하니까 더 많이 코드를 짜보고 물리적인 시간을 쏟을 필요가 있다고 느꼈다😏 물론 지금은 코드 한줄 치고 변화 확인하는 지지부진한 수준이지만, 멋사의 미래들과 멋쟁이 그룹원들에게 힘을 받아 더 열심히 해내버릴테다🔥🔥 보여주는 것에만 집중하지 않고, 그 안의 내용을 충실하게 채워나가는 내가 되어야겠다👍

오늘 한 것

• SVG 활용 및 CSS로 꾸미기
• Hover, Active, Focus
• CSS transition, transform
• Animation
• perspective 맛보기

셀프 평가

1. 오늘은 어제보다 더 수월하게 아침에 일어날 수 있었다. 다만 느긋하게 일어났지만, 시간이 많다고 스스로 생각하는 바람에 계획했던 블로그 포스팅을 전부 끝내지 못했다😥 그래서 하루를 되돌아보니 운동을 다녀오는 시간 전후와 틈틈히 주어지는 자투리 시간을 불필요하게 사용하는 경향이 있었다는 사실을 알게 되었다. 아직 적응이 안되어서 그런건지, 운동 다녀오고 씻고나면 노곤노곤해진달까,,😁 방에 들어와서는 침대가 아닌 책상에 앉는 습관을 들여야겠다😅 시간은 금이니까!
2. 비교적 오늘은 많은 양의 진도를 나간 것이 아니라 따라가기 비교적 수월했다. (강사님이 도와주셔서 그렇게 느낀것같기도,,ㅎㅎ) 그렇다고해서 전부다 이해한 것은 아니지만? 주어진 시간 안에 가급적 과제를 해결하려고 구글링이나 강의자료를 참고하는 등 다른 방법을 찾아 참고하곤 했다. 객관적으로 보았을 때 엄청나게 많은 양의 공부를 했다고 이야기하기 어려운 편인데도 불구하고, 점점 익숙해지는 모습을 보면서 스스로 뿌듯함을 느끼기도 했다🥰 야! 나두 할수있어~👊👊
3. 하지만 아직도 수업이 끝난 뒤에 밥을 먹고 바로 책상으로 돌아오는 것은 쉽지 않았다. 지금도 밥먹고 소화까지 다 시킨다음에야 책상에 복귀한 것을 보니,, 더 많은 의지가 필요한 것 같다😭 이제부터 블로그 TIL 작성과 개념 포스팅까지 모두 마치고 잠들기로 스스로와 약속했다🤙 그리고 스터디 플래너 작성하고 자는 것도 잊지말자!!

내일 할 것

• Animation, perspective 복습과 실습
• 미디어쿼리와 이를 활용한 반응형 웹 제작

30 DAYS HABIT MAKER (by. weniv)

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

flex의 개념

- 컨텐츠를 정렬, 공간의 구분을 위해 사용하는 속성의 집합

- 레이아웃을 다룰 때 한 번에 하나의 행이나 열만 다룰 수 있음 (1차원 레이아웃 모델)

flex의 특징

- display 속성 중 하나(flex, inline-flex)

- Block 레벨요소의 성질을 가짐

- 부모의 속성으로 자식을 컨트롤, but 강제하지는 않음

- 자신의 직계인 자식에게만 영향을 줌

flex의 속성

•  flex-direction: 축의 위치 설정, axis를 기준으로 왼쪽에서 오른쪽으로 기본 정렬
  • row: 가로 정렬, 기본 정렬 방향
  • row-reverse: 123순으로 flex-end 부터 정렬, 결론) 321 순으로 보이게 됨
  • column: 세로 정렬(cross axis), 위에서부터 123순
  • column-reverse: 거꾸로 된 세로 정렬 위에서부터 321순

    ---

• justify-content: 현재 정렬 방향을 기준으로 배열의 위치 조정 및 아이템간 간격 설정
  • flex-start

    

  • center

    

  • flew-end

    

  • space-between

    

  • space-around

    

  • space-evenly

    

• align-items: cross axis 축을 기준으로 이동
  • stretch (기본값)
  • baseline
  • center
  • flex-start
  • flex-end
• align-content: cross axis 축의 아이템이 여러줄일 경우 사용 가능
  • center
  • flex-start
  • flex-end
• align-self: 하나의 item만 정렬할때 사용, 부모의 속성을 덮고 item 하나에게 개별적인 속성을 container에 부여
• flex-wrap: 자식요소를 감싸는 기능, 자식의 크기를 강제로 조절하지 않음
  • wrap
  • nowrap
  • wrap-reverse
• flex-basis: item의 크기 특정, 자식요소에 사용, width 값에 우선적용, 값이 존재하는 경우 기존의 width, height 무시
• flex-grow: basis 값에서 더 커져도 되는지를 지정, 자식요소에 사용
  • 0 : basis의 크기만큼만 차지
  • 1 : 모두 동일한 크기의 공간 할당
  • 2 : 특정한 하나의 자식에게만 적용, 그 자식에게만 두배의 공간 할당
• flex-shrink : basis 값에서 더 줄어들어도 되는지를 지정
  • 1 : 기본값
  • 0 : 컨테이너의 크기가 줄어도 값은 고정
• order: item간의 우선순위 결정, 마크업상의 변화가 아닌 단순 위치상의 변화, 값이 해당 위치를 뜻하지 X, order 값을 부여받지 못한 애들은 그냥 자리를 지키고, ordering 된 애들끼리 그 뒤에서부터 order 순으로 재배치 됨

Reference

• 멋사 FE 스쿨 수업자료
• https://developer.mozilla.org/en-US/docs/Web/CSS/flex
• https://developer.mozilla.org/ko/docs/Web/CSS/CSS_Flexible_Box_Layout/Aligning_Items_in_a_Flex_Container

느낀점

사람은 사회적 동물이라고, 그룹원이 주는 힘이 얼마나 큰 지 새삼 실감하게 된 하루였다. 오늘부터 미래님들과 함께 새벽 6시 기상 후 운동을 시작하기로 했는데, 그동안 늦게 자고 늦게 일어났던 내 바이오리듬을 바꾸지 못해 새벽 2시가 넘어서야 잠들었다😥 혼자였다면 또 피곤하다는 핑계로 새벽 기상을 포기했을텐데, 오늘은 다같이 약속한 것도 있고 무엇보다 새벽운동을 시작한 첫날이라 꼭 해내고싶은 마음에 5시 50분에 의지로 일어났다. 주말동안 재충전을 확실히 해서 아침에는 비교적 컨디션이 괜찮았지만, 점심을 먹고 3시가 지나면서 슬슬 두통이 찾아왔다. 평소 제대로 잠을 못자거나 밥을 잘 챙겨먹지 않으면 두통이 종종 찾아오기도 했었기때문에, 바로 약을 챙겨먹고 수업이 끝날때까지 집중하려는 태도를 유지했다. 저녁 이후에 회고 시간이 있어서 수업이 끝난 뒤에 잠깐 잠을 자는 것으로 컨디션을 약간 회복하고 그룹원들과 이야기를 나누기 시작했는데, 좋은 사람들을 만나서인지 아픈것도 잊고 즐겁게 시간을 보냈다💖 매일 공부하는 습관을 만들기 위해, 그날 수업으로 배운 내용을 정리해 각자 포스팅하고 매일 아침에 디코에서 만나 간단하게 피드백하는 시간을 갖기로 했다! 지켜봐주는 사람들이 더 많이 생겼으니 실망시키지 않게 꾸준하게 공부해야겠다🙏 

오늘 한 것

• CSS Flex, Grid
• flex를 활용한 레이아웃
• animation을 활용한 화면구성
• 영화목록화면 마크업
• 그룹별 스프린트 회고

셀프 평가

1. 수업을 들으면서 필기를 하고, 코드를 직접 입력하는 일련의 과정들이 일원화되어있지 않아서 중간에 버리는 시간이 많았었다. 필기와 정리를 한번에 해서 시간을 절약하는 분들은 정말 대단한것 같다. 이렇게 기록을 남기는 것, 그리고 그날 들은 내용을 복습하는 것은 정말 쉽지 않은 일인데,, 그래도 지난주보다 좀 더 나아진 점은 처음 사용해보는 태블릿 활용을 더 적극적으로 하게 되었다는 점이다. 노션에 올라온 강의자료를 따로 보고, 필기는 또 태블릿 삼성노트로 하고, 데스크탑으로 코딩을 하곤 했는데 그나마 노션 자료를 활용해 필기를 하는 법을 터득했달까? 그러니 이제부터는 더 정리도 꼼꼼하게 할 수 있을 것 같다😊
2. 사실 지난주에는 정리한다고 정리한다고 하면서 결국 하지 못했던 우테코 임동준 강사님의 워킹백워즈 방법론을 활용한 포폴만들기 강의와 실천 가능한 액션플랜을 세우는 수업을 들었었다. 그리고 채 일주일이 지나지 않은 오늘, 그때 계획했던 액션플랜을 잘 실천하고 있는지 체크하는 스프린트 회고 시간을 가졌다. 같은 그룹원들과 지난주와 오늘을 비교해서 실천은 잘 했는지, 다음 회고 전까지는 어떤 계획을 실천할 것인지를 다시 논의하는 시간을 보냈다. 사실 오늘 제대로 잠을 못자서 굉장히 컨디션이 별로였었는데, 그룹원들과 도란도란 이야기를 나누면서 많이 웃었더니 회고를 마칠 시간에는 어느정도 컨디션이 회복되는 경험을 했다. 역시 자고로 사람은 타인과 커뮤니케이션하면서 힘을 얻는구나 다시 한 번 깨닫는 순간이었다💪 1순위로 계획했던 1일 1커밋과 (일기장 같지만 나름의) TIL 작성은 계획한 대로 해냈지만, 2순위와 3순위로 계획했던 내용들은 제대로 지키지 못한 점이 아쉬웠다. 그래서 회고를 통해 더욱 실천 가능성이 높은 방향으로 계획을 수정했고, 2주 동안 성실히 지킬 예정이다🔥🔥

내일 할 것

• CSS Flex, Grid 개념 정리해서 포스팅
• 영화목록 화면 CSS 
• CSS animation
• perspective
• 라이캣 구현

30 DAYS HABIT MAKER (by. weniv)

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

느낀점

어떻게 하면 주말에도 효율적으로 공부할 수 있을까? 개인적으로 아직 스터디를 들어갈 때는 아니라고 생각해서 신청을 못했는데😅 스스로 개념을 다시 되짚으려고 하니 쉽지만은 않은 것 같다. 강사님이 웹으로 코딩하는 방법도 공유해주셨으니 다음주부터는 노트북을 가지고 스터디카페를 가야할 것 같다. 늘 자극이 되어주는 우리 멋사 FE스쿨 1기 미래님들의 의지를 본받아 더 적극적으로 공부하는 내가 되어야지💖💖

오늘 한 것

• CSS 개념 복습 조금
• 코드라이언 HTML/CSS 이력서 제작 실습 

셀프 평가

1. 얼마 전부터 늦은 시간까지 공부하고 아침에 늦게 일어나던 기존의 생활에서 변화할 필요가 있다는 생각에 멋사의 미래님들과 함께 미라클 모닝?과 유사한 역할을 할 새벽기상 모임을 만들었다. 월요일부터 주 5일간 새벽 6시에 일어나 아침에 가벼운 운동을 하고, 그날 배울 예정인 내용을 미리 예습해서 수업을 들을때 더 정확하게 습득하고자 한다. 그러기 위해서는 저녁을 가볍게 먹도록 하고, 밥먹고 한시간 정도 쉬었던 시간을 줄여야할 필요가 있는 것 같다. 시간을 더 효율적으로 쓰려고 노력하자💪💪  

내일 할 것

• CSS flex, grid
• 레이아웃 구현 실습

30 DAYS HABIT MAKER (by. weniv)

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

느낀점

주말은 계획한대로 잘 흘러가지 않는 것 같다. 직접 수업을 들어본 적은 없지만 일타강사로 유명한 이지영 강사님의 말씀중에 네 인생인데 왜 네가 컨트롤하지 못하냐는 말이 떠오르는 하루였달까,, 계획했던 모든 양의 복습을 끝내지는 못했지만, 많은 사람들의 응원 덕분에 어제 느꼈던 안좋은 감정은 이겨낼 수 있었다. 특히 주말인만큼 가족과 함께 좋은 시간을 보냈다는 점에 의의를 둔 하루였다🥰

오늘 한 것

• CSS Flex 실습
• HTML 개념 복습

셀프 평가

1. 강사님이 해주신 이야기 중 마음에 남았던 말이 하나 있다. 한 번 본 것은 아는 것이 아니라는 말인데, 복습이 굉장히 중요하다는 뜻으로 해주신 말씀이었다. 여러번 보고 반복해야 머리속에 남는다는 말이 익숙하지 않은 CSS의 기능들을 적용하지 못하고 헤매던 내게 위로가 되었다. 그러니까 더 많이 반복하고 많은 클론을 통해 익숙해지도록 노력해야겠다!

내일 할 것

• CSS 개념 복습
• 일단만드는 HTML, CSS 실습 구현
• 로그인 화면 레이아웃 구현연습

30 DAYS HABIT MAKER (by. weniv)

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

느낀점

수업을 따라가는 것, 공부 이외의 일과를 보내는 것에서 많은 점이 미숙하고 부족했던 하루였다. 그래도 내일은 주말이기도 하고, 넘어진 김에 하루 쉬어가는 것이라고 생각하려고 한다. 인간적으로도 내가 많이 부족했구나를 느꼈기 때문이다.하루 쉬어가는 대신 내일은 종일 집중하는 시간을 가져야지💪💪 남은 하루동안 오늘 느꼈던 감정을 인지하고 정리하는 과정을 통해 온전히 받아들일 수 있도록 할 것이다. 솔직하게 스스로에게 한 마디 하자면, 이렇게 이야기하고 싶다.

'야 너 지금까지 많이 쉬고 치열하게 공부한 적도 없으니까 못하는 거 당연한거야. 자존심도 강해서 잘 해내지 못하는 지금 이 순간이 스스로를 괴롭게 하고 있지만, 문제를 회피하는 걸로 피해가려고 하지말자. 지금 실력없는 나도 나니까 인정하고, 더 열심히 부딪힐수록 성장해나가자😊 당당히 맞서싸워!! 멋사에서 나를 도와주고 지지해주는 많은 동료들이 있으니까, 포기하지말고 꾸준히 해나가면 언젠가는 너도 익숙해질거야. 다만, 늦게 시작한 만큼 더 열심히 하는거야🔥 각자의 속도가 다 다르니까 너무 조급해하지말고 꾸준하게 매일매일을 쌓아가자고 생각하자. 화이팅🧡'

오늘 한 것

• CSS Box model
• CSS position (relative, absolute, sticky)
• CSS float
• 네이버 로그인 화면 레이아웃 클론
• CSS Flex

셀프 평가

1. 어제 배웠던 내용 중 가장 많이 헷갈릴수도 있는 개념들을 다시 한 번 학습했다. 실습을 곁들여 수업을 진행했는데, 다른 것보다도 Float, Flex 부분을 제대로 구현하지 못해서 스스로 속상했다😭 수업 중에 갑자기 던지시는 질문에도 제대로 답변하지 못하는 내 모습을 보면서 '얼마나 내가 부족한 지식을 가지고 있었는지'에 대해서 다시 한 번 깨달았다. 사실 수업 중간에는 진도를 따라가지 못하는 나 자신에게 현타가 심하게 와서 약간의 우울감에 빠졌는데, 그래도 생각을 하면 할수록 내가 더 열심히, 더 많이 공부해야겠다는 결론에 다다르게 된 것 같다. 그래서 오늘은 속상하고 스스로 부족하다고 느꼈던 감정을 제대로 직면하고 해소하는 것에 집중하고자 한다. 사실 객관적으로 보면, 여태까지 내가 물리적인 총량으로 보았을 때 많은 양의 공부를 한 것은 아니다. 학과생활은 흔히 이야기하는 흘러가듯 보내온 경향이 컸고, 개발에 대한 노력보다는 그 당시 나에게 주어졌던 다른 일들을 더 열심히 했었던 것 같다. 그래서 지금 개발을 본업으로 삼고 실력을 키워나가는 과정에서 이렇게 힘든거겠지😂 오늘만 힘들어하고 내일부터는 다시 🔥🔥열심히 열정적으로 개발하는 내가 되어야겠다🔥🔥
2. 공부에 관한 내용외의 오늘 하루에 대해 이야기하자면, 내가 달성한 목표를 제대로 이루지 못했던 것 같다. 아직 습관을 형성하는 과정에 있다보니, 더 강력하게 스스로를 관리하고 계획한대로 나아가야할 필요가 있는데 그러지 못했던 것 같다. 여태까지 느슨하게 살아온 과거가 하루 이틀만에 실패없이 바로 바뀐다면 그건 거짓말이겠지,,😅 그래도 포기하지 않고 다시 목표를 세우는 과정이 중요하다고 생각한다. 내일은 다시 7시에 기상하는 걸로 하자, 알겠지?😏

내일 할 것

• 네이버 로그인 화면 레이아웃 클론
• CSS Flex 속성 복습
• 코드라이언 일단 만들어보는 HTML, CSS 복습
• HTML, CSS 이론 쭉 정리

30 DAYS HABIT MAKER (by. weniv)

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