13:00 ~
Ref
프로젝트
기술
- 사용했던 프레임워크와 해당 프레임워크의 장단점 및 선택이유
- React를 사용
- 사용이유: DOM 조작이 빈번했기 때문에 사용
- (Vue는 사용경험 없고, 리액트 최적화측면으로 사용..
조금 더 vue특징도 말하면서 비교하면 좋을 것 같다.) - (react) virtual DOM은 무엇이고, 썼을 때 효율적인 상황은?
- 모든 DOM 요소를 렌더링하는 것이 아니라 바뀐 부분만을 렌더링
(react) react의 key는 언제, 왜 사용하는지, 지정하지 않으면 어떤 일이 발생하는가
- (Web) CSR과 SSR 차이, 장단점
- CSR
- 초기렌더링 느리다, 깜빡임없이 화면전환 가능(UX)
- 보완방법
- 초기페이지 SSR + 이후 CSR
- SEO 해결방안
- SSR로 사용하는 것도 하나의 방안
- SSR
- 초기렌더링 빠르다, 깜빡임 현상 있다.
- (web) 웹 접근성과 시맨틱 마크업이란? 이 2가지를 지키기 위해 보통 어떤식으로 마크업을 작성하는지?
- meta 태그
- html 정보 알려주고 , 검색엔진 최적화시에 사용
- 검색엔진최적화란? 적용 사례가 있는지, 구체적인 적용방법
- (web) 웹어플리케이션의 성능 최적화를 위해 해보았거나, 할 수 있는 일들에 대해서 설명
- 메모리 관리
- 캐싱전략
(web)쿠키와 세션의 차이
(web) CDN과 DNS차이 (링크)
(web) 프론트엔드에서 신경써야할 보안
- (js) js는 정적타입? 정적타입과 동적타입의 차이는? (링크)
- ts 혹은 jsDoc 사용
- jsDoc
- (js) 프로토타입 상속이 어떻게 동작하는지 설명하라 (링크)
- __proto__를 통해 부모객체와의 연결
- (js) spread문법과 rest문법의 차이
- spread문법은 묶여있는 배열을 풀어주는 역할
- rest문법은 낱개로 있는 요소들을 하나로 묶어주는 역할 - 함수의 매개변수에서 사용
- (js) template literal를 통해 HTML 생성한 경험있는가? - 이때 주의할 점은?
- (js) 화살표 함수란? this에서 사용방식
- 화살표 함수에서 주의할 점 this 바인딩 불가, argument
- (CS) 프로세스의 정의와 상태
- (CS) 쓰레드
- 쓰레드는 실행되는 흐름
- 멀티 쓰레드의 장점
- 멀티프로세스와 비교
(
잘몰라서 죄송합니다..ㅠㅠ) - 웹워커 시도 (멀티쓰레드)
- 이유
- 파일이 커질 때 다른 동작들이 block되는 문제를 해결하기 위해 사용
- 해결
- webworker 시간적인 이득보다는, 위의 문제해결
- (프로젝트) 시간이 부족하거나 아쉬웠던 기능
- markdown 문법과 HTML 파싱부분까지 진행했으면 좋았겠다.
- 본문에서 바로 변환하는 기능
- 실시간파싱 → 이벤트기반 파싱
- 함수혐프로그래밍
- 중요한 것
- 인자로 들어온 것이 변하지 않아야한다
- 독립적
- 함수 외부의 값을 변화하면 안된다.
- 불변성 → 프로그래밍 관리의 용이성
함수형 프로그래밍 사용이 유
예측가능한 코드 작성 가능 장점도 있을 듯- 좋아하는 정렬
- (CS) Big-O 표기법에 대해서 설명
- 알고리즘이 작동하는 최악의 시간을 성능기준으로 생각하는 방법
- 버블소트 (logN^2)
- 퀵소트 (NlogN)
- NlogN의 시간복잡도를 갖는이유
- liveCoding
- 머지소트 (NlogN)
- 캐싱관련 고도화 가능한 부분
- 모든 글자변화가 아니라 문법 단위별로 분리해서 판단해서 변화
- (인성) 삶에서 중하게 생각하는 가치 3가지