js

[ JS ] 아토믹 컴포넌트 디자인 개발 패턴

# Reference Brunch - 아토믹(Atomic) 컴포넌트 디자인 개발 패턴; 대형 프로젝트를 위한 코드 재사용 최적화 컴포넌트 관리법 by 한상훈 https://brunch.co.kr/@skykamja24/580 아토믹(Atomic) 컴포넌트 디자인 개발 패턴 대형 프로젝트를 위한 코드 재사용 최적화 컴포넌트 관리법 | 대형 프로젝트에서는 최적화된 코드 재사용이 필수입니다. 이를 위해서 대두된 코드 디자인 패턴 중 하나는 바로 아토믹(Atomic) 디 brunch.co.kr Github - Do-IT-Page 컴포넌트 구성방식 by Coreight98 https://github.com/Coreight98/Do-IT-Page/ GitHub - Coreight98/Do-IT-Page: 아주대학교..

[ JS ] 문자열내의 특정 문자열 모두 대치하기

0. 개요 js로 프로젝트 진행 중 최근에 새롭게 업데이트된 문자열 메서드를 공부하고 적용하고자 이 글을 작성함 1. 학습목적 문자열에서 특정 문자열을 모두 대치하는 다양한 메서드 확인 실전에서 활용 가능한 다양한 문자열 치환법 학습 2. 학습내용 js에는 prototype을 통해 지정된 다양한 메서드들이 존재합니다. 이 메서드를 통해 어렵게 구성해야 할 코드들을 간단하게 만들 수 있습니다. 만약 문자열에서 특정 문자를 찾고자 한다면, 우린 단순히 indexOf 라는 메서드를 통해 문자 내 특정 문자의 위치를 쉽게 찾을 수 있습니다. "abcdefg".indexOf(c) // 2 하지만 indexOf 메서드가 없다면? function findIndexOfChar ( base_string, characte..

[ JS ] Prototype

0. 개요 js에 대한 깊은 이해를 통해 최적의 성능을 낼 수 있는 웹애플리케이션 개발을 위해 개발언어로서 JS의 기본을 공부하기로 했습니다.그 시작으로 js의 근간이 되는 prototype에 대한 개념과 활용에 대하여 공부했습니다. 1. 학습목적 개발언어적 관점에서의 javascript 분석 깊은 이해를 통한 최적화된 js 프로그래밍 지향 2. 학습내용 1) Javascript 소개 Javascript는 가벼운, 인터프리터 혹은 jit (just-in-time) 컴파일 프로그래밍 언어로, 일급함수를 지원하는 프로토타입 기반, 다중 패러다임, 단일 스레드, 동적언어 입니다. - MDN Web Docs MDN의 소개와 같이 js는 여러가지 특징을 가진, 특히 이 게시물에서 알아볼 '프로토타입' 기반 언어입..

[ JS ] 1. 컴파일

js를 공부하며 느낀 엔진의 컴파일 과정을 알아야 하는 이유 (작성자 피셜): 1. 작성시점상 Chrome V8이 세계적으로 가장 많이 사용되는 js엔진이며, V8 뿐 아니라 다른 엔진들도 해당 방식을 사용합니다. 2. 엔진의 내부 프로세스를 알아보며 this나 js의 언어적 특성을 이해하는 것에 도움이 될 수 있습니다. 0. ???: js는 컴파일 필요없는 언어인데요? 글을 시작하기전, 원론적 개념에 근간하여 말을 하자면 js는 인터프리터 언어라 컴파일이 필요 없습니다..만 속도 향상 등의 목적을 위해 js엔진 내에서 일부 컴파일 과정이 있는 경우가 있습니다. 특히 최근 다수 사용되는 Chrome v8엔진이 그 예시입니다. 따라서 js는 선택적으로 컴파일하는 인터프리터 언어입니다. Chrome V8엔진..