본문 바로가기

FrontEnd

 (437)
TypeOrm 스터디 : Active Record Vs Data Mapper. 그리고 Query Builder TypeORM - Amazing ORM for TypeScript and JavaScript (ES7, ES6, ES5). Supports MySQL, PostgreSQL, MariaDB, SQLite, MS SQL Server, Oracle, WebSQL databases. Works in NodeJS, Browser, Ionic, Cordova and Electron platforms. TypeORM - Amazing ORM for TypeScript and JavaScript (ES7, ES6, ES5). Supports MySQL, PostgreSQL, MariaDB, SQLite, MS SQL Server, typeorm.io 오늘은 프로젝트에서 사용하기 위해 간만에 typeorm을 공부해보았다..
[모던 브라우저 공부]브라우저 하이레벨 아키텍처 https://cabulous.medium.com/how-browser-works-part-i-process-and-thread-f63a9111bae9 How browser works (part I) — process and thread To me, a browser was a black box. It eats my HTML, CSS, and JavaScript files, and displays a page. Somehow, it works. cabulous.medium.com 지금 버전 브라우저의 동작과 다를 수 있음. 개념적으로 이해하자. 1. 브라우저의 하이 레벨 아키텍처 브라우저는 기능 별로 다양한 프로세스를 사용함 프로세스와 스레드 스레드는 프로세스 안에 존재한다 프로세스는 데이터, 코드, 파..
[프론프엔드 면접 대비] 코어 자바스크립트 : 데이터 타입 야놀자, 카카오, NHN(전화면접), 한화생명의 프론트엔드 면접을 진행하면서 경험했던 자바스크립트 질문을 모아둔 페이지이다. 여러 면접을 탈락하며 느낀점은, 지식보단 프로젝트 경험을 통한 내공이 중요한것 같다. 사내 개발 위주 팀으로 전배하기로 하여, 면접 여정은 한동안 중단될 것 같지만 즐거운 경험이었다. (사실 장기간 현업에서 개발한 경험이 없었기에 당연히 면접도 못보는게 맞긴 하다... 쩝) 좀 더 절실히, 내공을 쌓고 정말 원하는 회사의 원하는 포지션에 지원해봐야겠다. 면접을 잘보려면 지식을 아는것도 중요하지만, 말할 준비가 되어있어야 한다. 따라서 해당 페이지의 컨텐츠는 서술형으로 작성하였다. 용어 정리 변수는 변경 가능한 데이터가 담길 수 있는 공간 식별자는 그 변수의 이름 실제로 변수의 식별..
[프론트엔드 면접 대비] 브라우저의 렌더링 과정 알아보기 모던 자바스크립트 Deep Dive - YES24 모던 자바스크립트 Deep Dive - YES24 『모던 자바스크립트 Deep Dive』에서는 자바스크립트를 둘러싼 기본 개념을 정확하고 구체적으로 설명하고, 자바스크립트 코드의 동작 원리를 집요하게 파헤친다. 따라서 여러분이 작성한 코드 www.yes24.com 모던자바스크립트 Deep Dive 책의 38장을 정리한 내용임 브라우저의 렌더링 과정 개요 파싱 parse tree/ syntax tree를 생성하는 일련의 과정 파싱이 완료되면 파스 트리 기반으로 바이트 코드를 생성함 바이트 코드는 특정 하드웨어가 아니라 가상 머신에서 실행하도록 만든 바이너리 코드 렌더링 html, css, js 문서를 파싱하여 브라우저에 시각적으로 출력하는 것 CSSOM +..
타입스크립트 Mapped Type, KeyOf, TypeOf 정리 해당 글의 조회수가 꽤 나와서 내용을 보강하였습니다. 참고로 끼워넣은 게시물들도 읽어주세요... 0. typeof 연산자 해당 연산자는 자바스크립트에도 존재하지만 타입스크립트 타입, 인터페이스 문법에도 확장하여 사용할 수 있다. 기본적으로 값은 "값 공간"에 존재한다. 값 공간에 있는 값에 typeof 연산자를 적용하여 값 공간의 값을 타입 공간에서 타입으로 이용할 수 있다. 타입 공간과 타입 계층에 대해 더 잘 알고 싶으면 아래 글을 참고한다. https://itchallenger.tistory.com/447?category=1091150 [Typescript][타입스크립트][The Type Hierarchy Tree][타입 계층 트리] 원문 : https://www.zhenghao.io/posts/t..

티스토리툴바