뭐든 즐기면서 ;)

하나의 함수는 하나의 일만 해야 하며, 해야 하는 일을 기반으로 naming을 해야 합니다. 만약, 함수 이름에 And가 들어간다면 너무 많은 일(역할)을 하고 있는 코드가 아닌지, 분리가 가능한 코드인지 의심해 보아야 합니다. naming은 아래와 같이 해주어야 합니다. doSomething command 형태 verb(동사)로 시작 *js에서 Function은 object로 간주되어집니다.(First-class function) 그렇기 때문에 function은 parameter로 전달이 가능하고, return도 되며, 변수에 할당도 가능한 것입니다. *아래에서 추가 설명할 예정입니다. default parameters function show(message, from) { if(from == unde..

데이터 선언 let mutable 타입 메모리에 읽고 쓰기 가능(read/write) 갑 변경 가능 (해당 변수의 저장 메모리 주소 포인터를 이용하여 변수 값 변경.) javascript에서 변수를 선언할 수 있는 표현법은 'let' 뿐 ('var'는 쓰면 안 됨.. 이유는 밑에 설명) Constants Immutable 타입 보안 (해커가 값을 변경하지 못 하도록 함.) 프로세스 할당 > 멀티 쓰레드 실행 > 쓰레드에서 동시에 값 변경을 할 수 있는 것을 방지 reduce human mistakes. 메모리에서 읽기만 가능(read) 값 변경 불가 ( 포인터가 잠겨 있음.) 선언과 동시에 값 대입 Block Scope // 글로벌 변수 = application 실행 시부터 종료시점까지 메모리에 상주 l..

Prototype 이란 Javascript에서 객체지향적 프로그래밍을 할 수 있도록 해주는 개념입니다. 객체를 생성하게 되면 객체 원형과 그 객체에 상응하는 prototype의 객체가 하나 더 생성되고, 객체 원형은 그 prototype을 참조합니다. (구조는 아래 원문 이미지 내에서 코드와 함께 설명드리겠습니다.) 객체의 Prototype과 최상위 Prototype, 그리고 생성자 위 코드를 보면, Person이라는 function을 작성하고, 그것을 객체로서 생성하여 hye변수에 대입시킵니다. 그리고 hye객체를 확인해 보면 Person으로 된 객체이며, 그 객체 내에 Prototype이 있고, 그 Prototype 내에는 constructor(생성자)와 또 다른 Prototype이 있습니다. 이 구..

3가지의 차이점은 아래와 같은 관점으로 비교할 것입니다. 스코프 (함수 스코프와 블록 스코프가 있으며, 둘의 차이점은 글 맨 마지막에 설명합니다.) 값 변경 가능여부 다중 선언 가능 여부 변수의 생성과정 선언 : 변수 선언단계입니다. 초기화 : 선언 단계의 변수를 undefined로 초기화하며 메모리를 할당하는 단계입니다. 할당 : 초기화된 값(메모리)에 다른 값을 할당하는 단계입니다. 호이스팅, TDZ관여 여부 1. var 함수 스코프 값 변경가능 다중 선언 가능 var name = 'Hye'; var name = 'Su'; 변수의 생성과정 1. 선언 및 초기화(undefined) var name; // undefined 2. 할당 name = 'Hye'; 호이스팅(끌어올리기) 가능 = 선언하기 전에 ..

※ JSX(JavaScript extension)란 - JavaScript의 확장 문법 - HTML 문법을 JavaScript 코드 내부에 적은 것. - 빌드 시 Babel에 의해 자바스크립트로 변환됩니다. - JavaScript 코드를 HTML처럼 표현할 수 있어 가독성에 좋습니다. - JSX는 React element를 생성합니다. ※ JSX 문법 1. attribute에는 따옴표("") 또는 중괄호({})만 쓸 수 있습니다. // 따옴표 사용 : 문자열 리터럴 정의 const element = ; // 중괄호 사용 : JavaScript 표현식 삽입 const element = ; // 중괄호 사용 : 변수 또는 함수 삽입 const name = 'HyePark'; const element = {n..