멋쟁이 사자처럼_1110

수업

About Coding convention

유지보수에 투자되는 비용을 최소화하기 위해 통일된 코드 작성법 제시하는 것.

• z-index는 10단위로 하면 나중에 유지보수할 때 세세하게 조정이 가능하다.
• 카멜표기법: sectionList
  스네이크 표기법: section_list
  케밥 표기법: section-list
• 시작주석: <!-- @@@@ -->
  종료주석: <!-- //@@@@-->

---

button

내가 만든 버튼 :
- 1번
앞뒤로 가상요소를 주고, width값을 0으로 줬다가, hover되면 50%가 되게 만들었다.

- 2번
transform과, animation, box-shadow가 헷갈려서 그걸 활용한 버튼을 만들어 보았다.

참고 링크: https://ordinary-code.tistory.com/26

---

transform:rotateX(90deg)

            content: '';

            position: absolute;

            top: 0;

            left: 0;

            width: 100%;

            height: 100%;

            background-color: greenyellow;

            transition: all .5s;

            transform: rotateX(90deg);

        }

        .c19:hover::before {

            transform: rotateX(0);

        }

이 때 c19: transform:rotateX(90deg)는 누워있어서 실선도 안 보이는 상태.
perspective도 없어서 원근감도 없어 보인다.

---

미디어쿼리

반응형 만들 때 찰떡!

@media screen and (max-width:1000px) {

        }

1000px까지는 밑에 있는 값을 갖는다.

이수진 프론트엔드 개발자님의 강의

내 상황을 객관적으로 진단하고 필요한 지식과 역량을 발견해야 한다.
-> 구체적인 액션 플랜이 필요하다.

커리어 로드맵 작성하기!

프론트엔드 스쿨을 졸업한 후 어떤 역량을 갖추고 있을 것인지 그리고 있어야 한다.

• 개발자 로드맵 보고, 현 상황을 확인해보기(roadmap.sh/)

• 관심있는 회사와 채용 공고를 보고, 필요한 스킬이 뭔지 정리해보기

• 관련 업계 롤모델을 찾아보고 배울 점 정리하기(트위터, 블로그, 뉴스 등 전문가들을 찾아 구독하기!)

• 질문해보기

  • 특정 지식을 학습하는데 어느 정도 걸리는가? 배우면 할 수 있는 일인가?
  • 현재 내 지식과 역량이 업계에서 요구하는 수준에 미치는가?
  • 나는 어디까지 왔는가? 어떤 부분을 채워야하는가?(구체적으로 내가 어느정도인지 판단하는게 중요하다! 그러면 flexible하게 대응 가능!)

• 단기간에 성취할 수 있는 작은 것부터 시작하기

  • repository를 하나 만들어서 조금씩 업로드 해보기!(작은 것이라도!)

• 기본기에서 탁월함이 나온다.(프로그래밍 기초가 중요!!!)

• 소프트스킬(커뮤니케이션 능력, 리더십)도 역량이며 경쟁력

• 이력서 작성

  • 영문 이력서와 링크드인은 항상 최신으로 유지.
    (네트워킹 시 그 자리에서 바로 이력서 발송할 수 있게)
  • 이력서에 깃헙을 포함
  • 직장 동료들의 추천사(영어)를 링크드인에 추가
  • ex) http://bit.ly/sujinlee-dev-resume
  • 관련 없는 직종이어도 연관성있는 키워드를 뽑아 녹이기.
  • 영문 이력서는 한 장~한 장 반

• 면접 및 과제
  - 스피킹 연습 많이 필요

  • 각 주요 개념에 대해 정확히 알고 있어야 함
  • 행동 인터뷰의 경우 4-5가지 에피소드를 준비
  • 레퍼런스 체크를 위해 영어 가능한 분을 미리 섭외
  • 테스트코드 작성해보기

• 영어로 개발 지식 쌓기!

  • OSS university https://ossu.firebaseapp.com

• 학습과 취업을 동시에 잡는 개발 프로젝트를 만들자

  • 70-20-10 학습 법칙(학습의 70프로는 업무 경험, 20프로는 타인과 상호작용, 10프로는 교육 - 비전공자는 프로젝트를 추천!)
  • 문제를 해결하는 과정을 학습하고 기록하는 과정의 연속!
  • 내 프로젝트 = 제품을 만들고 파는 경험 - 홍보도 열심히!
  • 최소 세개 이상의 프로젝트!
  • 프로젝트 소개 문서 잘! 작성하기
  • 실험적인 라이브러리보다는 기본기에 충실하기!
  • 실제로 배포해보기
  • 시니어 멘토에게 코드 리뷰 받기
  • 단순한 것도 괜찮지만 열심히 만들어서 홍보하기!

• 커뮤니티와 함께 성장

  • 혼자 성장하는 것은 한계가 있다!
  • 로컬: meetup.com 등 내가 사용하는 기술, 언어 관련 그룹, 컨퍼런스행사, 커뮤니티 내 프로젝트에 참여하기
  • 온라인: 온라인 강좌, 핵토버페스트 등 오픈소스 행사 등

생각

비전공자였지만, 프론트엔드 개발자로써 독일에서 활약하고 있는 수진님의 강의를 듣고 많은 생각이 들었다. 끝없이 도전하고, 성장하는 모습을 보고 정말 대단하다고 생각했다. 나는 아직 공부한지 2주일도 안 됐는데 벅찬데 어떻게 하면 저렇게 끊임없이 배우려고 할 수 있을까?
앞으로 내가 어떤 개발자가 되고 싶은지, 계속해서 로드맵을 그리고 확인하면서 걸어가야겠다. 스프린트 회고 시간이 정말 도움이 많이 될 것 같다.

느낀점

잘한 점

• 집중하려고 열심히 코드를 함께 쳤다! 직접 쳐보면서 한번 듣고, 코드 공유해주실 때는 다시 어떤 내용인지 생각해보면서 한 번 더 보는 시간을 가졌다.
• 좀 많이 어려워서 따라가기 힘들 때도 차근차근 하려고 노력했다. 버튼 실습도 엄청 막막했는데, 평소였으면 고민하다가 시간을 많이 잡아먹었을텐데 이번엔 할 수 있는 부분부터 조금씩 만들어갔더니, 할 수 있었다.

고칠 점

• 여전히 다른 사람이 나보다 더 훌륭한 결과물을 낸걸 보면 자신감이 떨어진다! 버튼도 다들 너무 잘 만들어서, 나는 왜 저렇게 구현하지 못할까 자책하게 된다. 다른 사람들의 언어에 대한 활용도도 그렇지만 아이디어도 너무 대단해서, 나 자신이 조금 초라하다고 느낄 때가 있다.
  난 항상 긍정적으로 사는 편인데, 요즘은 조금 아닌거같아서 초심을 찾고..! 긍정적으로 느려도 당연한거라는 마음가짐으로 해봐야겠다..!

계획

• 버튼 활용해서 실습해보기! (좀더 다양한 걸 연습해보자)
• 커리어 로드맵 작성해보기!