본문 바로가기

기록/멋쟁이사자처럼 FE 스쿨42

[멋사 FE 스쿨] 39일차 스쿨 멋쟁이사자처럼 프론트엔드스쿨 w/ 제주코딩베이스캠프 오전(09:00~11:50) 수업 w/ Licat 수업 어제 Recap 깃헙 새 repo 생성(README 생성 X) 깃헙에 있는 명령어들을 터미널에서 그대로 입력 push -u origin main Git push 를 수행하고 pull 을 받을때 -u 커맨드가 없으면 어떤 브랜치를 pull 받을지 또 질문을 하게 되는데, git push -u 를 입력하면 깃은 pull 받을 브랜치가 방금 push 한 브랜치로 인식하게됩니다. 또한 git push 명령어를 날릴 때 마다 매번 저장소명과 브랜치명을 입력하는 게 귀찮게 느껴질 수 있습니다. -u 옵션을 사용하면 최초에 한 번만 저장소명과 브랜치명을 입력하고 그 이후에는 모든 인자를 생략할 수 있습니다. g.. 2021. 12. 25.
[멋사 FE 스쿨] 38일차 리뷰 멋쟁이사자처럼 프론트엔드스쿨 w/ 제주코딩베이스캠프 38일차 오전(09:00~11:50) 수업 w/ Licat 어제 정규표현식 Recap 1. /일반문자열/ 2. /^일반문자열/, /일반문자열$/ : 처음과 끝 3. /h.llo world/ : 모든 문자(dot, '.') 4. h[eay]llo world : 택1 5. /[a-zA-Z0-9]/ : 범위 6. /[^a-zA-Z0-9]/ : 부정(not) 7. /.(a|e|o)ll./ : group 8. 수량자 8.1 [eay]{3} : e, a, y 중 택 1이 3개 ({3,} : 3개 이상, {1,3} : 1개 ~ 3개) 8.2 * : 앞에 있는 문자가 0개 ~ N개, 예를 들어 [eay]*면 e, a, y 중 택 1이 0개~ N개 8.3.. 2021. 12. 25.
[멋사 FE 스쿨] 37일차 리뷰 멋쟁이사자처럼 프론트엔드스쿨 w/ 제주코딩베이스캠프 오전(09:00~11:50) 수업 w/ Licat morning break 프로젝트 방향성을 위해 서비스 기획을 앞으로 정규표현식 무시하면 안됨 웹 서비스 개발 기획 개발을 몰라도 들을 수 있는 수업! 대부분은 서비스 기획까지 같이 하게 될 거임 6700에 4개월이면 긴걸까 짧은걸까? → 어엄청 짧은 것 투입 인력 8명이면 끝낼 수 있는데 6명이 6700 잡고 하면 못 끝낸다 그런데 회사 PM이 이런 감각이 없을 수도 있다. PM을 계속 설득을 해야한다. 사수나 리더랑 협의해보고 안되면 야근철야 웹 접근성? → 다양한 브라우저에서 접근 가능 프로젝트 완성되면 가장 먼저 하는 것? → 보안 체크 생각보다 이런 기초가 잘 안되어 있는 사람들이 있다. 호스팅.. 2021. 12. 21.
[멋사 FE 스쿨] 36일차 리뷰 멋쟁이사자처럼 프론트엔드스쿨 w/ 제주코딩베이스캠프 36일차 오전(09:00~11:50) 수업 w/ Wade 수업 JavaScript 최적화(Optimization) 실무에서 최적화는 다른 작업보다 우선순위가 떨어진다. → 일정이 빠듯해서 TDD 쓰는 프로젝트? → 팀장님들이 강하게 주장하는 경우 사용자에게 만족스러운 경험 제공 왜 속도가 중요한가? https://web.dev/why-speed-matters/ 이미지 최적화 사이트 https://kraken.io/web-interface 세밀한 이미지는 왜 svg가 좋지 않을까? → 벡터 이미지가 세밀하면 세밀할수록 svg는 코드로 만드는 이미지이기 때문에 코드의 양이 많아져서 용량이 너무 커짐 그래서 단순한 이미지를 svg로 해주는 게 좋음 용량이 작.. 2021. 12. 20.
[멋사 FE 스쿨] 35일차 리뷰 멋쟁이사자처럼 프론트엔드스쿨 w/ 제주코딩베이스캠프 35일차 오전(09:00~11:50) 수업 w/ Wade 오늘은 모의 면접 수업 SOP란? Same Origin Policy → 리소스가 서로 상호작용하지 못하도록 하는 것 태그를 통해 불러오는 것은 embedding이라고 한다. 외부 페이지에서 불러오는 iframe등의 document는 null로 반환. 접근 할 수가 없다. 이것이 SOP 동일한 리소스에 관해서만 상호작용이 가능하다. CORS란? access-control-allow-origin →자원을 공유해달라는 요청에 대한 응답으로 서버에서 공유할 지 안할지를 결정해서 알려주는 것 응답 헤더는 Back에서 Client에 준다. 그래서 CORS Error라는 것이 많이 발생한다. → 해법은? 서버.. 2021. 12. 20.
[멋사 FE 스쿨] 34일차 리뷰 멋쟁이사자처럼 프론트엔드 스쿨 w/ 제주코딩베이스캠프 34일차 오전(09:00~11:50) 수업 w/ Licat morning break 이제 여러 스터디가 생길 것..! 제코베에서도 논의 중 → 수요가 전혀 없을 경우 생기지 않을 수도 있음 직장 가서 손이 빠른데 느린척은 하지 말것 ㅋ.ㅋ 수업 이론을 너무 많이 해서 연도 문제부터 풀자! 카카오는 프로그래머스 플랫폼 쓰고 있기 때문에 여기서 많이 풀어보자 코테를 JS로 하느니 Python을 배우겠다... 수능 3~4권 풀듯이 익숙해지고 실력이 느는게 중요하다. 코테 문제를 접할 때마다 모르는 개념이 나오면 구글링을 하게 될 것임 ex) 오늘 2진법 변환 찾은 것처럼 찾아서 code snippet 등에 정리해놓고 검색을 통해서 바로 찾아 쓸 수 있도록 .. 2021. 12. 16.
[멋사 FE 스쿨] 33일차 리뷰 멋쟁이사자처럼 프론트엔드스쿨 w/ 제주코딩베이스캠프 33일차 오전(09:00~11:50) 수업 w/ Licat morning break 면접 질문들에 관하여 → 각자가 면접 때 받은 질문들에 대해서 모아서 보면 좋지 않을까 구체적인 숫자들로 자신을 어필하라 ex) 하루에 1000줄 이상 쓰는 개발자, 1일 1커밋 열정보다는 시스템 진흙 속에 진주 같은 우리들!! 수업 어제 fullData에 관한 설명 하나의 언어만 하지 않을 확률이 굉장히 높다 정렬 선택정렬 → array에서 min을 찾아서 새로운 array에 넣어주기 원래 array에서 for문 돈다 삽입정렬 → 기존 array에서 순차적으로 값을 꺼내서 새로운 array에 있는 값들을 for문 돌아 비교하고 삽입한다 병합정렬(Merge Sort) 여.. 2021. 12. 15.
[멋사 FE 스쿨] 32일차 리뷰 멋쟁이사자처럼 프론트엔드스쿨 w/ 제주코딩베이스캠프 오전(09:00~11:50) 수업 w/ Licat morning break 평생 하게 될 언어? 3~4개? JS하면 Python하게 될 확률도 높고 C를 만나게 될 일도 적고, FE가 Java를 만지게 될 일도 없을 것이다. 이직 때 코테를 보게 될 확률 수업 드디어 알고리즘, 자료구조 수업! 알고리즘, 자료구조가 중요한데 이게 왜 중요한지 아는 사람은 많지 않다. 우리의 목표는 특정 또는 불특정한 현상을 해결할 가작 효율적인 방법을 찾아 논리적으로 표현 하는 것이다. - Hojun Licat Lee 더 나은 프로그래머가 되기 위한 길 알고리즘이 필요 없을 정도로 뛰어난 사람들에 대한 이야기 특징 → 프로그래밍을 정말 재밌어하는 사람, 페이지를 만들고 .. 2021. 12. 14.
[멋사 FE 스쿨] 31일차 리뷰 멋쟁이사자처럼 프론트엔드스쿨 w/ 제주코딩베이스캠프 오전(09:00~11:50) 수업 w/ Wade 싸피 면접..ㅎ 기타 주요해보이는 챗들 문자열은 원시값 : 인스턴스간에 값 공유가 불가능 원시타입의 값은 값의 위치를 참조하는 것이 아니라 값을 복사함. 그래서 같은 값을 공유하는게 아니라 계속 새로운 값이 복사가 된다. 데이터 관리 객체 : 은닉하고 있다가 필요할때 다른 객체에 전달 혹은 수정 뷰어 객체 (데이터, 인풋, 버튼, 뷰어를 연결하는 객체) 오후(13:00~14:00) 수업 w/ Wade IIFE - 즉시 실행함수(Immediately Invoked Function Expression) Jasmine → spyOn, toHaveBeenCalled는 짝이다. 생성자함수에 method 만들어주려면.. 2021. 12. 13.
[멋사 FE 스쿨] 30일차 리뷰 멋쟁이사자처럼 프론트엔드스쿨 w/ 제주코딩베이스캠프 오전(09:00~11:50) 수업 w/ Wade 수업 DOM innerHTML은 tag를 읽어내는 기능까지 있기 때문에 비용이 비싸다. 그러므로 그냥 text만 넣고 싶다면 textContent 등으로 넣어주기 innerText도 태그를 인식하지 못한다. innerText vs textContent https://developer.mozilla.org/ko/docs/Web/API/HTMLElement/innerText#예제 textContent는 공백 및 줄 바꿈과 같은 서식을 인식하고 반환해주고 마크업만 제거해서 반환해줌. (브라우저 호환성도 좋고, 텍스트 콘텐츠의 raw 값을 보여줘서 파싱이 빠릅니다. inner Text는 css가 랜더링 됨 tex.. 2021. 12. 10.

티스토리툴바