📝 기술면접 질문 목록 (JavaScript) Promise의 기능과 필요한 이유에 대해서 설명해 주세요. (React) React의 state와 props에 대해서 설명해 주세요. (HTTP / 네트워크) CSR과 SSR의 차이점에 대해서 설명해 주세요. (웹서버) Same-Origin Policy와 CORS에 대해서 설명해 주세요. 🔒 (JavaScript) Promise의 기능과 필요한 이유에 대해서 설명해 주세요. 🔑 Promise는 자바스크립트에서 네트워크요청, 파일 로딩, 데이터베이스 조회 등과 같은 비동기 작업을 효과적으로 다루기 위한 기능입니다. 이를 통해 비동기 작업의 성공과 실패를 보다 직관적으로 나타내며, 작업의 순서와 관계를 명확하게 표현할 수 있습니다. 🔑 Promise의 필요성 ..
⚡️ 객체 지향 프로그래밍 이란? 하나의 모델이 되는 청사진을 만들고, 그 청사진을 바탕으로 객체를 만들어나가는 프로그래밍 패턴이다. 그러면 객체란 무엇인가? 객체란 프로그램에서 사용되는 변수들과 값, 그리고 작업을 수행할 메소드를 서로 연관된 것들끼리 묶어서 만든것 쉽게 비유하자면, 객체는 레고 조각이고 레고 조각을 조립하여 무엇을 만드는 방식이 객체 지향 프로그래밍이다. 이러한 객체 지향 프로그래밍은 레고와 같이 부품화 할 수 있고, 재사용이 가능하다는 특징이 있다. ⚡️ 객체 지향 프로그래밍의 특징 ❗️ 캡슐화 데이터와 기능을 하나의 느슨한 결합으로 묶는 것이다. 속성과 기능을 정의하는 변수와 메서드를 클래스라는 캡슐에 넣어서 분류하는 것으로, 재사용이 쉽다는 장점이 있고, 내부 데이터나 내부 구현..
📝 기술면접 학습법 제시되는 단답형 질문이나 본인의 프로젝트 기술면접 질문에 대한 짧은 정답 작성하기 예상되는 꼬리질문 준비하기 단답형 질문과 꼬리 질문에 대해 풍부한 사례를 자신의 언어로 준비하기 다른 사람들의 블로그 자료 참조하여 깊게 고민해보기 하나의 기술적인 개념에 대해 결론을 내렸다면, 블로그로 작성해보기 ⚡ 정리 개발 지식에 대하여 어렴풋이 알고 있는 것이 아닌, 결론은 간단 명료하게, 설명을 구체적으로 자신의 언어로 설명할 수 있도록 모의 면접 연습 / 블로깅 하기. 📝 기술면접 질문 목록 ⚡ [HTML] 요소는 왜 요소의 자식 요소여야만 하나요? ❗️ li요소는 말 그대로 list의 item들을 보여주기 위한 요소 이기때문에, 목록을 담는 ul, ol의 자식 요소여야 합니다. ❓ [꼬리질문..
🟢 CSS 초안 구상 ⚡ 디자인 컨셉 과거 학창 시절 받았던 가정통신문(갱지 혹은 똥종이..?) 느낌이 나도록 디자인 컨셉을 정함 가정통신문 느낌을 살리기 위해 전체적인 색감은 그레이(회색) 톤으로 결정 폰트 역시 레트로 느낌을 위해 미래로 글꼴로 결정 ⚡ 디자인 초안 그리기 디자인 초안을 위해 FIGMA라는 웹 애플리케이션을 사용하였다. 완전히 처음 사용해보는 앱이라 모르는게 있을때마나 구글링, 유튜브를 참조하였습니다.. 토론하는 이미지는 Freepick 사이트의 rawpixel.com 작가님의 자료를 사용하였습니다. 컨셉에 맞게 영어 대신 한글을 사용함(사실 미래로글꼴 폰트 영문자가 이쁘지 않았음ㅎ) 실제 웹 CSS 적용시에는 갱지느낌을 살리기 위해 꾸깃꾸깃한 종이 배경을 사용할 예정임 ver.1의 ..
the Pen Untitled by WONHO22 (@WONHO22) on CodePen.
⚡️ Type - part1 it("비교연산자 '==='는 두 값의 일치 여부를 엄격하게 검사(strict equality)합니다.", function () { let actualValue = 1 + 1; let expectedValue = 2; expect(actualValue === expectedValue).to.be.true; // 이제 'FILL_ME_IN'을 대신할 수 있는 건 number 타입의 2뿐입니다. // 문자열 '2'는 테스트를 통과하지 못합니다. }); it('expect의 전달인자로 들어간 표현식의 평가(evaluation) 결과를 예측해 봅니다.', function () { expect(1 + '1').to.equal('11'); }); it('expect의 전달인자로 들어간 ..
1. 자료형 ⚡️ 데이터의 두가지 타입 데이터의 타입은 원시 자료형(primitive type)과 참조 자료형(reference type)이 있다. 원시 자료형이 할당 될때에는 변수에 값(value) 자체가 담긴다. 참조 자료형이 할당 될때에는 보관함의 주소(reference)가 담긴다. ⚡️원시 자료형(Primitive type) 원시자료형이란 하나의 보관함에 하나의 데이터만을 담고 변수의 이름으로 저장하는 것을 말한다. 원시 자료형에는 6가지의 타입이 있다. string, number, boolean, undefined, symbol, bigint, null string : 'WONHO' number : 19930215 boolean : true / false undefined : 변수가 정의되지 않..
1. 배열 ⚡️ 배열 기초 배열은 같은 자료들을 담는 자료 구조중의 하나이다. 배열의 선언 // 배열 Declaration // const arr1 = [a, b, c, d]; const arr2 = New Array[a, b, c, d]; 배열의 인덱스와 길이 const fruits = ['apple', 'orange', 'grape']; console.log(fruits); console.log(fruits.length); // 3 console.log(fruits[0]); // apple console.log(fruits[2]); // grape console.log(fruits[3]); // undefined console.log(fruits[fruits.length - 1]); // grape ..
