최근 진행하고 있는 외주 프로젝트에서 이미지 및 js, css 관련 최적화 과정 진행 중 webpack의 압축 관련 설정을 살펴보던 중 참고할만한 링크들을 찾았다. 공식 링크 https://webpack.js.org/plugins/compression-webpack-plugin/ https://github.com/webpack-contrib/compress
지난 포스트인 Javascript와 객체 지향 프로그래밍 - 절차 지향 프로그래밍 & 객체 지향 프로그래밍 편에서 Javascript의 객체 지향에 대해 공부하면서 느꼈던 어려움과 절차지향과 객체지향에 대해 정리를 해보았습니다. 이번 포스트에서는 객체지향 프로그래밍이란 무엇인지 공부해보겠습니다. 객체 지향 프로그래밍 이란이전 포스트에서 언급했듯
강좌 (동영상) https://www.udemy.com/course/coding-interview-bootcamp-algorithms-and-data-structure/ https://www.udemy.com/course/coding-interview-question-data-structures-algorithm/ 유튜브 강좌 https://www.
프론트엔드 면접 준비를 위한 질문 리스트 정리Network아래질문 리스트를 기반으로 면접 질문 & 답변 목록을 작성할 예정이고, 지속적으로 보충 or 보수할 계획입니다. 업데이트 날짜 2020-10-26 2021-07-20 network 질문 목록 수정 질문 목록 HTTP와 HTTPS의 정의와 차이점은 무엇인가 HTTP 메서드는 무엇이 있으
프론트엔드 면접 준비를 위한 질문 리스트 정리Javascript아래질문 리스트를 기반으로 면접 질문 & 답변 목록을 작성할 예정이고, 지속적으로 보충 or 보수할 계획입니다. 업데이트 날짜 2020-10-26 2021-07-02 Javascript 질문 목록 수정 2021-07-23 2021-07-24 2021-07-25 Javascript
프론트엔드 면접 준비를 위한 질문 리스트 정리Front-end아래질문 리스트를 기반으로 면접 질문 & 답변 목록을 작성할 예정이고, 지속적으로 보충 or 보수할 계획입니다. 업데이트 날짜 2020-10-26 2021-07-26 질문 목록 브라우저의 렌더링 과정에 대해서 상세하게 설명해달라 DOM을 건드리는 방식과 아닌 방식들의 차이는 무엇인
Interview Question Summary프론트엔드 면접 준비를 위한 질문 리스트 정리!아래 질문 리스트를 기반으로 면접 질문 & 답변 목록을 작성할 예정이고, 지속적으로 보충 or 보수할 계획입니다. 업데이트 날짜 2020-10-26 2020-10-28 FE (Browser) 질문 목록 수정 Security 항목 추가 FE (Brow
“객체 지향 언어”와 “프로토타입 기반”의 JavascriptJavascript를 소개할때 가장 먼저 언급되는 키워드로 “Javascript는 객체 지향 언어로써…” 또는 “Javascript는 Prototype 기반 언어로써…” 라는 말일것이다. 그 어떤 입문서적 또는 온라인 입문 강좌를 둘러봐도 빠지지 않는 말이고 Javascript의 성질을 잘 이해
Javascript의 데이터 타입(Data type)에 대해 공부할때 우리는 원시형(Primitives Type 또는 기본형)과 참조형(Reference Type) 데이터로 분류할 수 있으며 원시형을 제외한 모든 데이터 유형은 객체라고 정의했었습니다. 그렇다면 Javascript에서 객체란 무엇이며, Javascript에서의 객체 유형과 내부 속성인
기본적으로 함수란 특정 기능을 구현한 집합체, 특정 문제 또는 필요로 하는 요구사항를 해결하기 위해 수행하는 코드의 묶음 또는 블록으로, Javascript에서 함수는 한번 구현해놓으면 재호출해 코드의 재사용성을 높일 수 있으며 함수 내 특정 변수를 숨기기 위한 캡슐화와 기능을 세분화해 코드의 유지보수의 용이성과 확장성을 높힐 수 있습니다. Javas
프론트엔드 지원 관련 링크 모음개발자분들 블로그 박성범 개발자님 깃허브 블로그 - https://parksb.github.io/articles.html 캡틴 판교님 깃허브 블로그 - https://joshua1988.github.io/tech/ roy-jung님 깃허브 블로그 - https://roy-jung.github.io/ ALL [IT 개발자와
실행 컨텍스트 관련 첫번째 포스트인 자바스크립트 실행 컨텍스트(Execution Context) 에서는 실행 컨텍스트란 무엇인지 그리고 유형은 어떠한 것들이 있으며 Javascript 엔진이 실행 컨텍스트를 어떻게 관리하는지 알아보았습니다. 실행 컨텍스트 관련 두번째 포스트인 자바스크립트 실행 컨텍스트(Execution Context) 2 - 정의와 구조
실행 컨텍스트 관련 첫번째 포스트인 자바스크립트 실행 컨텍스트(Execution Context) 에서는 실행 컨텍스트란 무엇인지 그리고 유형은 어떠한 것들이 있으며 Javascript 엔진이 실행 컨텍스트를 어떻게 관리하는지 알아보았습니다. 이번 포스트에서는 Javascript 엔진이 실행 컨텍스트를 어떻게 생성하며 실행 컨텍스트는 어떠한 구조로 이루어져
Blog To Read In Dev Blocking-NonBlocking-Synchronous-Asynchronous https://homoefficio.github.io/2017/02/19/Blocking-NonBlocking-Synchronous-Asynchronous/ GET이냐 POST냐 그것이 문제로다 https://homoefficio.git
기본적으로 Front-End 개발자라면 Javascript를 통해 각종 기능을 개발하고 그 안에는 UI 제어, 사용자 데이터 처리 또는 연산 그리고 서버와의 데이터 통신 등이 있을것이다. 그렇다면 이러한 기능들은 Javascript 엔진에서는 어떤 환경에서 어떻게 실행되는것일까? 그 중심에는 이번에 다룰 Javascript의 핵심원리인 실행 컨텍스트(E