I'm a Fig, Not a Pig

1. URL은 크게 호스트, 패스, 쿼리로 이루어져 있다. https://www.example.com/search?q=apple&category=fruit&page=1 위의 URL에서 쿼리 부분은 어디부터 어디까지인가? 답: 물음표 뒤부터 끝까지 2. 물음표에 들어갈 **서버로 보내는 리퀘스트의 종류**는? 기존 데이터를 조회하는 리퀘스트 - GET 새 데이터를 추가하는 리퀘스트 - ? 기존 데이터를 수정하는 리퀘스트 - PUT 기존 데이터를 삭제하는 리퀘스트 - DELETE 답: POST 3. **상태 코드(Status Code)**에 관한 문제이다. 각 번호에 물음표에 들어갈 상태 코드는 무엇일까? (1) 클라이언트의 리퀘스트가 성공 처리되었음을 의미하는 상태 코드는 ? 번 대 이다. (2) 404 ..

1. 자바스크립트 데이터 타입의 종류 (총 8가지) 답: number string boolean undefined null object symbol bigint 2. 자바스크립트에서 함수는 어떤 형태로 활용이 가능한지 3가지 이상 설명하시오 답: 함수 선언 함수 표현식 객체의 메소드로 활용 콜백 함수로 활용 고차 함수로 활용 // 함수 선언 function sayHi() { console.log('Hi!'); } // 함수 표현식 const sayHi = function () { console.log('Hi!'); }; // 객체의 메소드로 활용 const codeit = { printTitle: function () { console.log('Codeit'); } } // 콜백 함수로 활용 myBtn...

1. arguments 객체에 대해서 설명해주세요. 답: 자바스크립트는 함수를 호출 할 때 arguments 객체가 함수 내부로 전달된다. arguments 객체는 함수를 호출할 때 넘긴 인자들이 배열 형태로 저장된 객체를 말한다. 만약 함수의 인자보다 적게 함수를 호출할 경우, 넘겨지지 않은 인자에는 undefined 값이 할당된다. arugments 객체는 유사 배열 객체이기 때문에 배열과 비슷하지만 length 속성만 쓸 수 있고 배열 메서드는 사용할 수 없다. 2. this는 호출에 따라 달라집니다. 아래를 읽고, 어느 객체를 가리키는지 말해주세요. 1) var x = this; console.log(x); 답: 전역객체인 window를 가리킨다. 2) const user = { firstName..

1. 다음 HTML 코드를 보고 문제를 해결해주세요. 음식 햄버거 치킨 피자 나라 한국 일본 미국 영국 (1) 코드에서 1번과 2번의 접근 대상은? const foodList = document.querySelector("#food_list"); const countryList = document.querySelector("#country_list"); // 1번 console.log( foodList.parentElement.children[2].nextElementSibling.children[2] ); // 2번 console.log( countryList.parentElement.firstElementChild.nextElementSibling .children[1] ); 답: 1번: 미국 2번:..

2주차 위클리 페이퍼 쓴게 엊그제 같은데 벌써 3주차라니..!! 시간 넘 빠르다.. 이번주차에는 Git과 인터렉티브 자바스크립트 챕터를 들었다. 특히 Git을 배우면서 여러 커맨드를 실습해봤는데, 검은 바탕에 흰글씨가 좀 익숙해졌달까..?ㅋㅋㅋ 유용한 명령어들도 배울 수 있어서 좋았다. 이번주 위클리 페이퍼 미션은 다음과 같다. Git에서 branch merge 방법들과 각 방법의 특징을 설명해 주세요. Git Flow 브랜치 전략에 대해 설명해 주세요. 1. Git에서 branch merge 방법들과 각 방법의 특징을 설명해 주세요. Git에서 브랜치를 병합하는 방법은 크게 세 가지가 있다. merge commit을 만들며 합치기 Squash and merge 하기 Rebase and merge 하기 ..

1. 유사배열의 특징을 3가지 이상 말해라. 답: 1. 인덱싱을 통해 요소에 접근할 수 있다. 2. 'length' 프로퍼티가 있다. +) 숫자 형태의 index가 있더라도 length 프로퍼티가 업다면 유사 배열이라기보단 그냥 숫자 형태의 key로 구성된 일반적 객체라고 볼 수 잇다. 3. 배열의 기본 메소드를 사용할 수 없다. +) 배열 메서드를 사용하려면 'Array.from()'이나 전개 연산자('...') 등을 사용하여 유사 배열을 진짜 배열로 변환해야 한다. 4. Array.isArray(유사배열)은 false이다. 2. 이벤트 버블링과 이벤트 캡처링에 대해 설명해라 답: - 이벤트 버블링은 특정 요소에서 이벤트가 발생했을 때, 해당 이벤트가 상위의 화면 요소들로 전달되는 특성이다. - 이벤트..

1. 1) id 속성을 통해 태그를 선택할 때, 존재하지 않는 id 값으로 태그를 선택하면 무엇이 출력 되는가? 2) class 속성을 통해 태그를 선택할 때, 존재하지 않는 class 값으로 태그를 선택하면 무엇이 출력 되는가? 답: 1) null 2) null 2. css 선택자로 태그를 선택할 때 a)와 b)의 출력 결과는 같다(O,X) a) const myTag = document.querySelector(‘#myNumber’); console.log(myTag); b) const myTag2 = document.getElementById(‘myNumber’); console.log(myTag2); 답: O 3. querySelector 메소드를 활용할 때 클래스나 태그 이름처럼 여러 개의 요소가..

1. PR(Pull Request)를 close할 시, 브랜치가 존재한다면 다시 open 상태로 되돌릴 수 있다. (O, X) 답: o 2. PR을 작게 만드는 원칙을 2가지 이상 말해주세요. 답: 한 번에 많은 변경 사항을 포함하는 대신, 각각의 PR이 한 가지 작은 기능이나 에러를 나타내는 PR 올리기 코드 리뷰의 효율성을 높이기 위해서 PR 생성시 코드 길이를 제한하기 (ex, 1개의 PR은 1000 Line을 넘을 수 없다) 3. 좋은 커밋이란 무엇인지 2가지 이상 말해주세요. 답: 한 커밋에 한 가지 변경 사항만이 포함 된 커밋 (작고 의미있는 단위의 커밋) 명확하고 간결한 커밋 메세지가 작성된 커밋 4. 일반적인 Git의 작업 흐름에 대해서 말해주세요. 답: 새로운 기능 또는 버그 수정을 위해..

1. GitHub에서 두개의 브랜치를 머지하는 총 3가지 방법 중 하나로, 현재 브랜치를 target 브랜치에 재위치 시킨 후 병합하는 방식은 무엇인가?(cf) 커밋 히스토리는 선형적으로 유지됨) 답: rebase and merge 2. 리뷰를 제출할 때 작업이 되는 브랜치가 Branch protection rule로 설정되어 있을 때, 코드 작성자는 Approve를 받지 못하면 브랜치에 머지하지 못한다(O,X) 답: O 3. 로컬 레포지토리의 내용을 맨 처음 리모트 레포지토리에 보낼 때, git push --set-( ) origin master 라고 쓰고 실행해야 한다. 이 때 괄호 안에 들어갈 단어는? 답: upstream 4. Git의 스택 영역에 저장했던 작업 내용들 중 가장 최근의 것을 wor..

1. 다음중, git branch 와 git checkout 의 동작을 하나의 명령어로 축약 가능한 것은? ㄱ. git branch -C ㄴ. git branch --switch ㄷ. git checkout -B ㄹ. git checkout --create 답: ㄷ 2. 다음중, merge 도중 발생한 conflict 을 해결할 때, 올바른 처리 방법이 아닌 것은? ㄱ git add . git commit ㄴ git merge --force ㄷ git merge --abort 답: ㄴ 해설: ㄴ. git merge --force 명령어는 merge를 강제로 수행하게 하는 옵션이다. 이는 충돌을 발생시킨 변경 사항을 무시하고 강제로 병합을 시도하기 때문에 충돌을 해결하는 올바른 방법이 아니다. +) ㄱ. ..