시리즈

[기술 면접 준비]

1.[HTML] parsing 순서

\-일반적으로 CSS를 불러오기 위해 link 요소를 head 요소의 자식 요소로 하고, JavaScript를 불러오기 위해 script 요소를 body 요소가 끝나기 직전에 위치시키는 이유가 무엇인가요?

2022년 5월 23일

2.[HTML] sementic tag

질문 : li 요소는 왜 ul요소의 자식요소여야만 하나요?내가 파악한 질문의 요지 : semantic한 태그의 사용이 왜 중요한가?답변 : 화면상으로는 아무런 문제가 없다.그러나 li와 ul요소를 의미에 맞게 HTML을 작성하는 것이 어떤 개발자가 와서 보더라도 쉽게

2022년 5월 23일

3.[HTML] id속성과 class속성의 차이

내가 생각한 질문의 요점 : id, class

2022년 5월 23일

4.[CSS] component centring

내가 생각하는 질문의 요지 : flex-box답변 로그인 폼 컴포넌트를 중간에 위치시키기 위해서 저는 flexBox를 사용합니다. 로그인 컴포넌트를 감싸는 래퍼 요소가 있다면, 그 래퍼 요소에 display속성 값을 flex로 지정하고, jsutify-content속성

2022년 5월 23일

5.[CSS] box model

CSS box model에 대해서 설명해주세요.질문의 요지 : 답변예상 꼬리 질문

2022년 5월 23일

6.[CSS] lay-out

아래와 같은 레이아웃을 구성하려면 CSS를 어떻게 작성해야 하나요?(예시)div.author-container\+--------+------+------+| 글쓴이 | 빈칸 | 공유 |\+--------+------+------+질문의 요지 : 답변예상 꼬리 질문

2022년 5월 23일

7.[JS] scope

스코에 대해서 셜명해 주세요.내가 생각한 질문의 요지 : 스코프를 어떻게, 왜 사용하는지 안다.스코프는 '변수 접근 규칙에 따른 유효 범위'를 의미합니다. 스코프에는 몇가지 중요한 규칙이 있습니다. 첫째, 가장 바깥쪽의 스코프는 전역스코프라고 부릅니다. 전역스코프를 제

2022년 5월 23일

8.[JS] 변수의 참조

질문배열, 객체를 const로 선언했는데 요소라 속성을 추가할 수 있는 이유가 무엇인가요?답변const는 재할당 및 선언이 안되는데, 객체 값은 왜 변경이 가능하느냐? 는 의미 같습니다. 배열과 객체는 참고 자료형이기 때문에, 변수에 값 자체가 아닌 주소를 할당합니다.

2022년 5월 23일

9.[JS] 원시자료형, 참조자료형 차이

원시 자료형과 참조 자료형에 대해서 설명해주세요.질문의 요지 : 답변예상 꼬리 질문

2022년 5월 23일

10.[JS] 얕은 복사, 깊은 복사

CSS box model에 대해서 설명해주세요.질문의 요지 : 답변예상 꼬리 질문

2022년 5월 23일

11.[DOM] innerHTML 메서드, textContent 메서드 차이

CSS box model에 대해서 설명해주세요.질문의 요지 : 답변예상 꼬리 질문

2022년 5월 23일

12.[DOM] event.preventDefault 메서드

CSS box model에 대해서 설명해주세요.질문의 요지 : 답변예상 꼬리 질문

2022년 5월 23일

13.[JS] Clouser

클로져에 대해서 설명해 주세요.질문의 요지 : 클로저를 어떻게, 왜 사용하는가?클로저는 함수와 함수가 선언된 어휘적 환경의 조합입니다.어휘적 환경이 뭐죠?=> 함수가 선언된 주변 환경을 의미합니다. 주로 외부 함수의 변수가 내부함수의 어휘적 환경에 포함됩니다. 그래서

2022년 5월 23일

14.[JS] Promise.all()

Promise란? Promise.all()기능

2022년 6월 22일

15.[JS] 순수함수, side effect

순수함수란? 함수에서 불변성이란? side effect란?

2022년 6월 22일

16.[React] state, props

state란? props란?

2022년 6월 22일

17.[React] Component

Component의 key 속성

2022년 6월 22일

18.[React] useEffect의 dependency array

useEffect란? dependency array란?

2022년 6월 22일

19.[HTTP/네트워크] CSR과 SSR

get과 post 차이

2022년 6월 22일

20.[HTTP/네트워크] Same-Origin-Policy와 CORS

CORS란?

2022년 6월 22일

21.[HTTP/네트워크] GET, POST 메서드 차이

질문 : HTTP 메서드 종류에는 무엇이 있나요?대표적으로 HTTP메서드는 GET, POST, PUT, PATCH, DELETE가 있습니다. GET은 정보를 조회, POST는 정보를 생성, PUT, PATCH는 정보를 수정, DELETE는 정보를 삭제할 수 있습니다.질

2022년 6월 22일

22.[기술면접] Event.preventDefault()

Event.preventDefault() 를 설명하세요.

2022년 6월 29일

23.[UI/UX] UI, UX의 관계

" UI, UX의 개념과 두 개념의 관계에 대해서 설명해주세요. "위 질문에 내가 생각한 질문의 요점 : UX는 사용자의 전체 경험이고, UI는 그 경험을 이루는 한 요소이다.

2022년 7월 20일

24.[JS] 재귀는 언제 사용하는가?

"재귀를 활용하기에 좋은 상황은 언제인지 예시를 들어 설명해주세요."위 질문에 내가 생각한 질문의 요점 : 재귀를 써야하는 상황인지 판단할 수 있는가?

2022년 7월 20일

25.[React] Styled Components

질문 > "" 위 질문에 내가 생각한 질문의 요점 : 답변 >

2022년 7월 20일

26.[React] useRef

"useRef가 필요한 상황을 이야기해주세요."위 질문에 내가 생각한 질문의 요점 :

2022년 7월 20일

27.[React] Redux

"상태관리 라이브러리의 필요성에 대해서 설명해주세요."위 질문에 내가 생각한 질문의 요점 : React의 데이터의 단방향적 흐름과 그에 따른 데이터 관리의 어려움을 안다. "Redux는 상태관리 저장소 입니다. 이런 저장소가 왜 필요할까요? React는 데이터의 흐름이

2022년 7월 20일

28.[웹표준] Semantic HTML의 필요성

" Semantic HTML의 필요성을 예시를 들어 설명해주세요. " 위 질문에 내가 생각한 질문의 요점 : Semantic HTML을 적절하게 사용하고, 그 이유를 안다."Semantic Tag는 tag에 의미를 담는 것입니다. 태그에 의미를 담으면 많은 장점이 있습

2022년 7월 20일