하루에 3개씩 해보려고 합니다.

프엔 공통

1. 홈페이지가 사용자에게 보이는 순서에 대해서 설명해주세요.(0428)
   • 브라우저의 주요 기능은 사용자가 선택한 자원을 서버에 요청하고, 브라우저에 표시하는 것

CSS

2. SCSS에 대해 설명해주세요.(0428)
   • SCSS는 CSS 전처리기로서, CSS를 작성할 때 사용되는 언어
   • CSS에서 제공하지 않는 기능을 추가하여 CSS작성을 보다 효율적으로 만듦
   • SCSS는 CSS와 유사한 구문을 가지고 있음
   • 변수, 함수, 중첩 규칙등과 같은 기능을 추가하여 CSS작성을 단순화
   • 예컨대, 변수를 사용하여 색상, 글꼴 등의 값을 저장하고 재사용 가능
   • 기존 CSS와 호환되기 때문에 CSS코드를 SCSS로 변환하거나 CSS로 컴파일 사용 가능

자바스크립트

3. this에 대해 설명해주세요.(0428)
   - 현재 실행되는 함수에서 참조하는 객체를 가리킴

   • 메소에드에서 this는 해당 메소드를 호출한 객체를 가리킴

     const person = {
     name: "John",
     sayHello() {
     console.log(`Hello, my name is ${this.name}`);
       }
     };
     
     person.sayHello(); // 출력: Hello, my name is John

   • 생성자 this는 객체를 생성하는 생성자 함수 내에서 생성된 객체를 참조함

     function Person(name, age) {
     this.name = name;
     this.age = age;
     }
     
     const john = new Person("John", 30);
     console.log(john); // 출력: Person { name: 'John', age: 30 }

   • 함수에서의 this는 일반적인 함수에서는 전역 객체롤 참조. use strict 모드를 사용하면 함수 내에서 undefined를 반환

     function sayHello() {
       console.log(`Hello, my name is ${this.name}`);
     }
     
     const person1 = {
       name: "John",
       sayHello: sayHello
     };
     
     const person2 = {
       name: "Sarah",
       sayHello: sayHello
     };
     
     sayHello(); // 출력: Hello, my name is undefined
     
     person1.sayHello(); // 출력: Hello, my name is John
     
     person2.sayHello(); // 출력: Hello, my name is Sarah