개발 블로그🐶🐾

- React에 대해 설명해주세요. (62번) : React는 사용자 인터페이스를 구축하기 위한 JavaScript 라이브러리입니다. 웹 및 모바일 애플리케이션의 사용자 인터페이스를 개발할 때 주로 사용됩니다. 1. 컴포넌트 React는 재사용 가능한 UI 컴포넌트를 만드는 데 중점을 둡니다. 각 컴포넌트는 독립적이며, 특정 기능이나 UI 조각을 나타냅니다. 이런 방식은 코드의 재사용성을 높이고 관리하기 쉽게 만듭니다. 2. 가상 DOM React는 실제 DOM을 직접 조작하지 않고, 가상 DOM을 이용해 변경사항을 비교 및 적용합니다. 이 방식은 웹 애플리케이션의 효율성과 속도를 향상시킵니다. 3. 선언적 접근 방식 (* 선언적 접근 방식 : 어떤 결과를 원하는지를 선언하고, 내부의 구현이나 동작 방식..

- ⭐ SCSS에 대해 설명해주세요. (47번) : CSS는 CSS의 기능과 호환성을 확장하는 CSS 전처리기의 하나로, "Sassy CSS"의 약자입니다. 원래는 SASS의 새로운 문법 형식으로 도입되었고, 지금은 SASS보다 널리 사용되는 문법이 되었습니다. SCSS는 여러 가지 기능과 특징을 가지고 있습니다. 1. 특정 값을 변수로 저장하고 재사용할 수 있습니다. ex) $primary-color: #3498db; body { background-color: $primary-color; } 2. 선택자의 중첩을 허용하므로 CSS 코드의 계층 구조를 더 명확하게 나타낼 수 있습니다. ex) nav { ul { list-style-type: none; li { display: inline-block; ..

- px, em, rem 의 차이에 대해 설명해주세요. 반응형 웹을 구현할 때는 이 단위 중에서 어떤 단위를 주로 사용하시나요? (39번) : px는 절대 단위로 어떤 상황에서든 항상 고정된 길이를 나타내는 단위이고, em과 rem은 고정되지 않고 어떤 기준에 따라서 유동적으로 바뀔 수 있는 상대 길이를 의미합니다. em과 rem은 둘 다 CCS의 font-size 속성값에 비례해서 결정되는 상대 단위입니다. 둘은 정확히 어디에 있는 font-size 속성값인지에 따라 차이가 발생합니다. em은 해당 단위가 사용되고 있는 요소(부모 요소)의 font-size 속성값이 기준이 됩니다. rem에서 r은 root를 의미하고, 최상위 엘리먼트의 font-size 값을 기준으로 변환된 단위를 의미합니다. rem은..

- 자바스크립트에서 비동기 로직이 어떻게 동작하는지 설명해주세요. : 비동기 함수가 호출되면, 해당 함수의 내부 로직은 백그라운드 스레드에서 실행됩니다. Event Loop는 반복해서 call stack과 queue 사이의 작업들을 확인하고, call stack이 비워있는 경우 queue에서 작업을 꺼내어 call stack에 넣는다. 자바스크립트는 Event Loop와 Queue들을 이용하여 비동기 작업을 수행한다. 직접적인 작업은 Web API에서 처리되고, 그 작업들이 완료되면 요청시 등록했던 callback이 queue에 등록된다. Event Loop는 이 작업들을 Queue에서 꺼내어 처리한다. Event Loop는 stack에 처리할 작업이 없을 경우 우선적으로 microtask queue를 ..

- ES6에서 새로 생긴 기능을 말씀해주세요. (26번) 1. let과 const let: 블록 스코프 지역 변수를 선언합니다. const: 재할당이 불가능한 변수(상수)를 선언합니다. 2.화살표 함수 3. 클래스 4. 모듈 : import와 export 키워드를 사용하여 모듈을 가져오고 내보낼 수 있습니다. 5.프로미스 : 비동기 작업의 완료나 실패를 나타내는 객체입니다. 6. 템플릿 리터럴(백틱) : 문자열 내에서 변수와 표현식을 쉽게 포함시킬 수 있는 새로운 문자열 문법입니다. 7. 스프레드 연산자와 Rest 연산자: 배열이나 객체를 확장하거나, 나머지 매개변수를 사용하여 함수 내에서 배열로 받아올 수 있습니다. 8. Symbol 타입 : 완전히 새로운 유일하고 변경 불가능한 원시 타입입니다. 9...

- AJAX에 대해 설명해주세요. (11번) :AJAX는 비동기식 자바스크립트 XML의 약자로, HTML만으로 어려운 다양한 작업을 웹페이지에서 구현해 이용자가 웹페이지와 자유롭게 상호 작용할 수 있도록 하는 기술입니다. 웹 페이지를 리로드하지 않고도 서버와 데이터를 교환할 수 있는 방법을 의미합니다. 웹 페이지의 동작을 개선하고 사용자 경험을 향상시키기 위해 사용됩니다. AJAX의 핵심 구성 요소로는 JavaScript, XMLHttpRequest 객체,XML이 있습니다. 자바스크립트는 웹 페이지의 동작을 제어하며, 서버로부터 받은 데이터를 처리하고 사용자 인터페이스를 업데이트하는 데 사용됩니다. XMLHttpRequest 객체는 자바스크립트에서 서버와 비동기식으로 데이터를 교환하는 데 사용되고, 웹 ..

1. 자바스크립트는 무슨 언어인가요? : 웹 개발에 사용되는 언어로, HTML, CSS와 함께 웹을 구성하는 요소 중 하나입니다. 웹 페이지의 동적인 요소를 다루는 데 주로 활용되는 언어 입니다. 2. 변수 선언, 초기화, 할당의 차이점에 대해 설명해주세요. : 변수를 처음 만들고, 어떤 종류의 데이터가 저장될지 데이터 타입을 정의 하는 것이 변수선언, 변수에 처음에 값을 할당하는 것을 변수 초기화라고 하고 값 할당은 선언된 변수에 값을 대입해주는 것을 말합니다. 예시를 들자면, let a;라고 해주는 것이 변수 선언이고, 그 후 a=2;라고 a에 값을 처음 넣어주는 것을 변수 초기화, a=5; 라고 이미 선언된 변수에 값을 넣는 것을 말합니다. 3. 데이터 타입에 대해 설명해주세요. : 변수나 상수에 ..