면접질문 참고https://nomadcoders.co/community/thread/3979[diary] 프론트엔드 신입 면접 준비하기[면접준비] 프론트엔드 개발자 취업 면접 질문 및 답변 정리(64문)프론트엔드 면접질문 중요도별 정리[Frontend] 프론트엔드 주니어 개발자 면접 질문 (기술/인성)*실제 면접 시 질문 받았던 항목들에는 ⭐표시를 추가했습니다. 1. 브라우저 작동 원리 (주소창에 google.com을 입력하면 일어나는 일)(사용자가 브라우저에 주소를 입력한 후에 서버로부터 전송된 데이터가 화면에 보이기까지 그 일련의 과정을 설명할 수 있어야 합니다.) ✅ 답변브라우저에 도메인을 입력하면, 브라우저는 해당 IP 주소를 얻기 위해 DNS(Domain Name System) 서버에 요청을 보..

시작 3주차 미션 목표는 클래스 분리, 단위 테스트 연습이었다. 이번 주차에서 중점으로 삼아야 하는 목표는 클래스 분리 심화이다. 주어진 요구사항에 맞추어서 클래스 분리에 신경쓰며 과제를 진행해 보기로 했다. 함수 분리와 커밋 메시지 컨벤션 지키기도 역시 주의하며 진행할 예정이다. 기능 요구 사항 크리스마스 이벤트 구현하기 구현 기능 목록 구현한 기능 목록은 다음과 같다. 입력받기 [ ✔ ] 식당 방문 예상 날짜 (숫자만) [ ✔ ] 주문할 메뉴와 메뉴 개수(e.g. 해산물파스타-2,레드와인-1) 예외 [ ✔ ] 식당 방문 예상 날짜: 숫자가 아닌 경우 [ ✔ ] 식당 방문 예상 날짜: 1 ~ 31 범위를 벗어난 숫자를 입력한 경우 [ ✔ ] 주문할 메뉴와 메뉴 개수: 메뉴판에 없는 메뉴를 입력한 경우 ..

시작 이번 과제에서는 이전 과제에서 목표로 삼았던 함수 분리와, 각 함수별 테스트 작성에 클래스(객체)분리, 도메인 로직에 대한 단위 테스트 작성이라는 목표가 추가되었다. 또한 함수가 단일 기능을 하도록 최대 15라인으로 함수 길이를 제한하고(함수를 분리하는 나만의 기준 만들기), 테스트 작성 이유에 대한 정리가 필요하다. 기능 요구 사항 구현 기능 목록 구현한 기능 목록은 다음과 같다. 입력받기 [ ✔ ] 로또 구입 금액 입력받기 (1000원 단위로) [ ✔ ] 당첨 번호 입력받기 (쉼표 기준으로 구분) [ ✔ ] 보너스 번호 입력받기 예외 [ ✔ ] 로또 구입 금액 입력: 1000원 단위로 끊어지지 않는 경우 [ ✔ ] 당첨 번호 입력: 숫자 중복 입력 [ ✔ ] 당첨 번호 입력: 6개보다 적거나 많..

시작 이번 과제에서 중점으로 삼아야 하는 것은 함수 분리와, 각 함수별 테스트 작성이었다. 이전 과제에서 다음 과제부터는 테스트 코드에 익숙해지고 직접 테스트를 작성해 보겠다는 소감을 작성했었기 때문에, 이번 과제가 나에게 많은 도움이 될 수 있을 것 같다. 추가로 이전 과제와는 달리 요구사항이 추가되었는데, 함수의 indent는 최대 2여야 하고 git 커밋 메시지는 커밋 메시지 컨벤션을 참고해 기능 단위로 작성해야 한다. 기능 요구 사항 구현 기능 목록 구현한 기능 목록은 다음과 같다. 입력받기 [ ✔ ] 자동차 이름 입력받기 (쉼표 기준으로 n대, 이름은 5자 이하) [ ✔ ] 시도 횟수 예외 [ ✔ ] 자동차 이름 입력: 이름 5자 초과 입력 [ ✔ ] 자동차 이름 입력: 이름 입력 없음 [ ✔ ..

기능 요구 사항 구현 기능 목록 구현한 기능 목록은 다음과 같다. 입력받기 서로 다른 3자리 수 입력받기 게임이 끝난 경우 재시작/종료를 구분하는 1과 2 중 하나의 수를 입력받기 (예외 1) 3자리 수가 아닌 수를 입력받은 경우 (예외 2) 3자리 수이지만 수에 동일한 수가 포함된 경우 (예외 3) 게임 종료 시 1, 2 이외의 다른 수를 입력받은 경우 입력한 수에 대한 결과 연산하기 컴퓨터가 랜덤으로 3개의 수를 고르기 사용자가 입력한 값의 자릿수와 랜덤수를 차례대로 비교하기 결과 출력하기 같은 수가 같은 자리에 있으면 스트라이크 다른 자리에 있으면 볼 같은 수가 전혀 없으면 낫싱 반복 사용자가 랜덤수를 맞출 때까지 숫자 입력받기 반복 게임 종료 후 사용자가 1, 2를 입력하면 랜덤수를 초기화하고 재..

add는 커밋 대기상태를 만든다 commit 대기 상태를 stage area 라고 부른다. .git폴더를 repository라 한다. working directory 각각의 버전은 그버전이 만들어진 시점에 stage area의 스냅샷이다 HEAD는 현재의 버전,main은 마지막 버전 head가 가리키는 버전이 부모 checkout은 head를 옮긴다 git checkout 5f8d51a558c6383fee54aad9720e705364b4eb17 ---------------------------------------------------------------- git checkout main 실험적인 버전을 안정적으로 버리기 git branch 이름 (head가 가리킴) base: 두 브랜치의 origin..

https://tinyurl.com/2jjoa2x8 '오픽 공부/오픽 스크립트 IL, IM1, IM2' 카테고리의 글 목록 (5 Page) NH 부터 AL 까지 독학으로 받으며 쌓은 노하우를 공유합니다. 시간 없는 직장인, 취준생, 졸업 예정자 등 모두에게 도움 되길 바랍니다. mansour.tistory.com https://mansour.tistory.com/category/%EC%98%A4%ED%94%BD%20%EA%B3%B5%EB%B6%80/%EC%98%A4%ED%94%BD%20%EB%8B%A8%EC%96%B4%2C%20%ED%91%9C%ED%98%84 '오픽 공부/오픽 단어, 표현' 카테고리의 글 목록 NH 부터 AL 까지 독학으로 받으며 쌓은 노하우를 공유합니다. 시간 없는 직장인, 취준생, ..

Git 초기 설정 git config --global user.name '유저 이름' git config --global user.email '가입 시 사용한 메일 주소' Git clone (GitHub의 레파지토리를 로컬에 저장) Git Hub에 레파지토리 생성 > git 주소 복사 > 컴퓨터에서 폴더 생성하고 싶은 위치로 가서 git bash > git clone '깃 레포지토리 주소' > 폴더 생성 완료 Git push (내 컴퓨터(로컬)의 수정사항을 Git hub로 커밋) 만들어진 폴더로 들어가서 git bash git add '파일명' (폴더의 내용 전부 올리고 싶으면 git add . 입력) git commit -m '커밋 내용' git push origin main Git pull (Git ..

이모지(Readme 작성 시 사용)https://www.emojiall.com/ko/emoji/%E2%98%BA “☺” 뜻: 웃는 얼굴 Emoji이것은 고전적인 웃는 얼굴이며 이모티콘의 선구자로 간주 될 수 있다.눈을 가늘게 뜨고 붉게 물 들었다. 일반적으로 행복, 따뜻함, 행복 또는 감사를 표현하는 데 사용된다. 텍스트 이모티콘 :)www.emojiall.com  마크다운https://gist.github.com/ihoneymon/652be052a0727ad59601 마크다운(Markdown) 사용법마크다운(Markdown) 사용법. GitHub Gist: instantly share code, notes, and snippets.gist.github.com https://velog.io/@yuuuye..