[멋사 FE 스쿨] 14일차 리뷰

오전(09:00~11:50) 강의 w/ Licat

• 수준별 학습에 관하여
  서로 실패하는 경우가 있다. 가르치는 사람도 성장을 못시키는 거니깐.
  의리 때문에 남아있지 말자. 의리 때문에 수업 듣지 말자.
• 고용 관계도 마찬가지.
  → 내가 수준이 좀 높다 하는 사람들은 따로 공부할 것
• 모르는 분야가 있다?
• 책을 사다가 필..사를 하는 것..?!ㅋㅋㅋ 교수님 앞에서 수업하고 있는데 ㅋㅋㅋㅋㅋ
• 어제자 해킹 메일 리뷰(?)Ctrl+U로 태그들을 볼 것해커도 웹 접근성을 완전히 무시하지 않는다(?!)스크립트가 Ctrl+U로 script가 보일리가 없다.불법 사이트 개발자들이 받는 돈이 어마어마하다.그 다리를 넘지 마라 한번 들어가면 놔주지 않는다.본격적으로 혼나는 해커..ㅎㅎ
  • sql injection
  • 역으로 사이트에 넣어서 입력된 data를 불러오는 것

• 풀리지 않는 자물쇠는 없다.
• 의심되는 URL은 카페24등에서 검색한번 해보기 → 구매자 정보를 볼 수 있다. 멀쩡한 구매자여야지..
• 공고는 예를 들어 외국 NAVER 자회사다. 이런 식으로 올리고 돈을 너무 많이 준다? 의심을 한번쯤은 해봐야 한다.
• ID, 이름 정도는 쿠키에 저장이 되어 있다.
• anchor태그가 #none이다?! 무조건 그냥 해커사이트다.
• 해킹 사이트 리뷰할 때는 html 파일을 열어보지 않는다. 보통 txt 파일로 받아서 리뷰한다.
  → 로그인을 왜 한번 더 시키지? 의심해볼 것
• 실력이 된다면 보안법, 망법 등을 쭉 읽어보길 권장
  → 제대로 아는 사람들이 별로 없어서..
• 웹접근성을 지켜야 하는 이유?2014년도부터 웹접근성을 안지키면 벌금을 맞거나 소송당할 수 있다.
  → 법정 소송을 피하기 위해

가벼운 실습 https://www.youtube.com/watch?v=yfwD-AKRCcA

• 뭔가를 공부하고 싶다. 유튜브 검색으로 해도 괜찮지만 한국어는 너무 어렵다. 코드로 얘기하자 ㅋㅋㅋ 코드는 정확. 깃헙에서 배워보고 싶은 것을 검색해보자.contributer를 보면 대부분 강의를 하고 있는 사람일 것
• 강의자료를 공개해두는 경우가 많을 것 →좋은 자료를 건질 수 있는 경우가 많을 것
  ex) css animation
• 구글 검색도 좋지만 무언가 학습하기 위해선 깃헙 검색도 꼭 생각을 하자
• https://github.com/shshaw/Splitting
• 바퀴를 만들지 말라! → 이미 만들어진 좋은 바퀴들. 이것들이 훨씬 안정적이고 빠르게 개발 할 수 있게 도와준다.
• 모든것을 스스로 구현하려고 하지 말자! 요리의 msg처럼 멋진 library는 포트폴리오를 빛나게 만들어 줄 것이다!
• 깃헙 코드를 그냥 가져다 써도 되나? 이하 라이센스 관련 이야기아니라고 소송을 거냐? 기업 규모가 커지면 좀 고려해야겠지만..README.md 등에 적어두기도 하고. 프로젝트 자체에 licence 파일로 써두기도 하고어떤 코드로써의 특허라기보다는 코드가 들어간 architecture가 라이센스로 되는 경우가 많다.
• 100억짜리 프로젝트에서 license는 엄밀하고 정확해야한다. 법적 자문을 구할 수 있는 곳이 있다. 돈을 주고 의뢰를 할 것
• 소스코드 공개 조항
  → mit가 아닌 것이 거의 없고, 상업적 이용이 불가인 것도 거의 없다.
• Bootstrap도 트위터 개발자가 만들었다. → 나도 이런거 만들고 싶다? → 커뮤니티가 있다. 이력에 도움이 될 것
• CSS 작성시도 주제가 변할 때 한칸 띄고 같을 때 붙이고
• preserve-3d는 상속되지 않는다. 다 작성해야함.
• vscode가 너무 좋다 하면 유료 도구가 안나왔겠지.. extension을 너무 신뢰하지 말자. 결국 개인이 만든 것이니깐많이 쓴다.
  → jetbrainshttps://www.jetbrains.com/ko-kr/
• 학생증 있으면 무료 라이센스가 있을 것
• reset, animation css 는 상단에

과제 실습

• 피그마 페이지 박스를 그리고 class 명을 어떻게 정할 것인지 style 어떻게 해야 할지 모듈화를 어떻게 할 것인지

---

오후(13:00~18:00) 강의 w/ Licat

실습 계속

• ir : image replace
• JS최적화 얘기는 뒤에서 다시
• 스크롤바 만들 때 overflow: scrollY
• 예외사항을 고려했는지

이런 과제 코테에 관하여

• 보통 이력서 제출, 1차 코테, 2차 코테, 실무 면접, 임원 면접, 최종합격 순서인데 → 2차 코테때 구현 과제 코테가 자주 나온다.
• 면접을 대비해서 공부를 했지만 굳이 구현해놓지 않는 경우도 있다.
• 제일 잘하는 거로 만들자
• 서류 광탈했다고 마음 아파할 필요 없다. 확실하게 블라인드인 곳이 있고, 학력을 보는 곳도 있고. 학력을 커버할만큼의 실력이 있어야 한다. 컴공이 4년간 FE만 하는건 아니지않나.
• 1차 코테 → 알고리즘 테스트, js 전략적으로 파이썬
• 2차 코테 → 구현 능력이 있는지
• 2차 코테만 보는 곳도 있다.
• 실무면접까지 갔다면 거의 합격이라 생각하면 된다.
• 해보면 별 거 없다. 중소기업 등한시 하지 말자. 천천히 올라가자. 시간이 필요할 뿐
• 떨어졌다고 너무 기죽지 말고.
• 과거 해커톤 많이 할 경우는 일부러 참여해서 명함 받기도
• flex-basis vs width
• 함께 쓰이면 flex-basis가 width를 덮어먹지만 강제하는 것은 width다.
• 문서를 보고 문서를 이해하는 것에 집중하지 말고 코드로 쳐서 코드로 이해하는 것이 더 좋다.
• display: none은 스크린리더가 아예 읽지 못한다.
• 최소 픽셀에 관한 자료https://youtu.be/E_Kwse8H9xQ
• https://brunch.co.kr/@euid/6

짤막한 소감

• 오후 들어 실습 강의 보는 중에 거의 기절했다..ㅋㅋ 체력 관리 나름한다고 생각했는데 점점 체력이 딸리는 기분이다. 할 일을 미리미리 해두고 일찍 자고 일찍 일어나서 알차게 하루 보내자!

6일차 리뷰 스프린트
개인 액션 플랜(완료는 취소선으로 표시)

1. 정리 안 된 블로그 글(멋사 매일 리뷰, CSS 정리 글(position, flex, 헷갈리는 선택자)부터 수습하기
   정리글 다시 시도하자
2. 당일 수강한 학습내용 및 혼자 적은 메모를 수업 마치자마자 간단 정리 -> 조원들 블로그 및 깃헙 방문 -> 내 글 블로그 업로드
   -> Keep going
3. JS로 알고리즘, 자료구조 1개씩 구현하고 깃헙 업로드
   -> 수업 자료 참고해서 오늘 하나 구현해보자