1. OSI 7계층은 네트워크 통신이 일어나는 과정을 7단계로 나눈 국제 표준화 기구(ISO)에서 정의한 네트워크 표준 모델을 말하는데, 여기서 OSI 7계층 중 7계층인 응용계층(Application layer)에 해당하는 웹 프로토콜의 예로는 HTTP(Hypertext Transfer Protocol)가 있다(O,X) 참고링크: https://lxxyeon.tistory.com/155 답: O 2. JSON 객체의 stringify 메소드와 parse 메소드는 각각 (S____ ) 과 (D____ )을 해주기 위해 사용된다. 이 때 괄호 안에 들어갈 말은? 답: Serialize(직렬화), Deserialize(역직렬화) 해설: JSON(JavaScript Object Notation)이란 자바스크립..
1. initial 모든 CSS 속성에는 기본값(initial/default value)이 있다. 예를 들면 대부분의 브라우저에서 color 속성의 기본값은 black이다. initial 속성값은 해당 속성을 기본값으로 초기화 시켜준다. 따라서 태그의 중첩이 있을때 부모 요소의 속성을 상속받지 않고 기본값으로 초기화 하고 싶은 경우 사용할 수 있다. 다음 예제를 살펴보자. This is heading This is a paragraph.This is child element! h1 { font-size: 2rem; } p { font-size: 1.5em; } span{ font-size: initial; color: tomato; } body 태그는 자식 요소로 h1 태그와 p 태그를 가진다. p 태그..
하드코딩의 뜻은 값을 고정시켜 놓는 것 이다. 반대로 소프트코딩은 값이 고정되지 않고 가변적인 것을 의미한다. 하드코딩의 문제는 값을 고정시켜놓기 때문에 유지보수가 어렵고 유연성이 부족하다. 다음의 예제를 보자. // 하드코딩된 예시: 숫자를 직접 사용 function calculateCircleArea() { const radius = 5; // 반지름을 하드코딩 const area = Math.PI * Math.pow(radius, 2); console.log('원의 넓이:', area); } calculateCircleArea(); 이 코드에서는 반지름을 5로 하드코딩해서 사용하고 있다. 만약 반지름을 변경하려면 함수 내부의 코드를 수정해야 한다. 더 좋은 방법은 함수에 인자로 전달해서 사용하는 것..
1. 를 실행하였을 때, 오류가 일어난다. 오류가 발생하는 이유와 해결 방법에 대해 설명하시오. // 1번 직원 정보 const p1 = fetch('').then((res) => res.json()); // 2번 직원 정보 const p2 = fetch('').then((res) => res.json()); // 3번 직원 정보 const p3 = fetch('').then((res) => res.json()); Promise .all([p1, p2, p3]) .then((results) => { console.log(results); // Array : [1번 직원 정보, 2번 직원 정보, 3번 직원 정보] }); 답: Promise 객체가 하나라도 rejected 상태가 되는 경우에 대비해서 cat..
1. 다음중, 보기의 실행 결과로 올바른 것은? [보기 A] function outer_function() { let outer_variable = "I am outside!"; function inner_function() { let inner_variable = "I am inside!"; console.log(`${inner_variable} ${outer_variable}`); } return inner_function; } let closure_function = outer_function(); closure_function(); [ㄱ] "I am outside! I am inside!" [ㄴ] "I am inside! I am outside!" [ㄷ] "I am outside!" [ㄹ] "I ..
목차 1. 고차 함수 2. 콜백 함수 일급 객체란? 일급객체란 일반 객체처럼 모든 연산이 가능한 객체를 뜻한다. 보통 변수에 할당, 다른 함수의 전달인자로 전달, 다른 함수의 결과로 리턴 같은 연산을 지원할 때 일급 객체라고 한다. 또한 JavaScript에서 함수는 일급 객체이다. 일급 객체의 특성은 다음과 같다. 함수의 매개변수로 전달이 가능하다 함수의 반환 값으로 전달할 수 있다 할당 명령문을 통해 값을 할당할 수 있다 동일 비교 대상으로 사용할 수 있다 const firstClassObj1 = { name : 'QQ', age : 20 }; // 1) 함수의 매개변수로 전달 ! function func1 (firstClassObj1) { console.log(`name : ${firstClassO..
1. 자바스크립트에서 얕은 복사(Shallow Copy)와 깊은 복사(Deep Copy)에 대해 설명해 주세요. 얕은 복사와 깊은 복사를 이해하기 위해서는 원시값과 참조값에 대해 알아야 한다. 자바스크립트에서 값은 원시값과 참조값으로 나뉜다. 원시값 Number String Boolean Null Undefined 참초값 Object Symbol 둘의 차이점은 원래의 값과 복사된 값이 서로에게 영향을 미치느냐, 그렇지 않느냐에 따라 나뉜다. 원시값은 값을 복사할 때 복사된 값을 다른 메모리에 할당하기 때문에 (=새로운 메모리 공간에 독립적인 값을 저장)원래의 값과 복사된 값이 서로에게 영향을 미치지 않는다. (아래에서 정리하겠지만 이는 깊은 복사가 된다.) const a = 1; let b = a; b ..
1. ?에 각각 들어가야 하는 코드는? const new = { name: 'request', }; fetch('url', { method: 'POST', body: ?(new), // 자바스크립트 객체를 string 타입의 JSON 데이터로 변환해야 함.(Serialization) }) .then(() => { fetch('url') .then((response) => response.text()) .then((result) => { const users = ?(result); // string 타입의 JSON 데이터를 자바스크립트 객체로 변환해야 함.(Deserialization) console.log(users); }); }); 답: JSON.stringify, JSON.parse 2. 다음 코드의..
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...
- Total
- Today
- Yesterday
- 제어 컴포넌트
- rest parameter
- 비동기
- 동기
- js
- 유사배열객체
- Target
- map
- javascript
- 프론트엔드
- innerhtml
- nullish 병합 연산자 '??'
- currentTarget
- 객체
- arguments
- html
- 코드잇스프린트
- 옵셔널 체이닝 연산자
- 코드잇 스프린트
- 중급 프로젝트
- 리액트
- CSS
- 스프린트프론트엔드6기
- 취업까지달린다
- GitHub
- 비제어 컴포넌트
- 배열
- font-size:initial
- react
- Git
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |