개발자 9Diin의 개발일기

📌 함수 Function ✅ 콜백 Callback 콜백(Callback) 함수는 함수의 인수로 사용되는 함수이다. 이해를 돕기 위해 아래 코드 setTimeout 메서드를 활용한 예제를 보자. // setTimeout(함수, 시간) function timeout(callback) { setTimeout(() => { console.log('SON7AE'); callback(); }, 3000); } // timeout 함수 내부의 함수를 callback 함수, callback이라고 한다. timeout(() => { console.log('Done'); }); // console.log('Done'); 위 코드를 보면, function timeout(callback) 이 부분에 인수로 callback을 ..

📌 조건문과 반복문 ✅ 조건문 (If statement) 랜덤 함수를 형제 컴포넌트로 만든 후에 import 시킨 후, 랜덤 함수의 반환 값이 0과 2 혹은 그 나머지 값일 때 출력되는 값을 다르게 설정해보았다. import random from './getRandom'; // 조건문 (If statement) console.log(random()); const a = random(); if (a === 0) { console.log('a is 0'); } else if (a === 2) { console.log('a is 2'); } else { console.log('Rest...'); } ✅ 조건문 (Switch statement) 조건문 switch statement에서는 말 그대로 스위치를 껐다..

📌 자바스크립트 기초 개념 바로잡기 ✅ 변수 변수란? 데이터를 저장하고 참조(사용)하는 데이터의 이름 변수는 var, let, const가 있는데 var는 권장사항이 아님 1. let과 const let : 값(데이터)의 재할당이 가능하다. const : 값(데이터)의 재할당이 불가능하다. 2. 예약어 Reserved Word 특별한 의미를 가지고 있어, 변수나 함수 이름 등으로 사용할 수 없는 단어를 말한다. 아래와 같은 변수는 할당할 수 없다. this, if, breack 등과 같은 예약어는 특정 기능을 가지고 있기 때문이다. let this = "Hello!"; // SyntaxError let if = 123; // SyntaxError let break = true; // SyntaxError..

최근 웹스퀘어 5 툴을 익혀야 하는 상황이 되었다. 회사에서 웹스퀘어 5라는JavaScript 프레임워크를 활용한 프로젝트가 내게 할당되었기 때문이다. 어찌 됐던 프런트엔드 개발자의 길로 들어선 이상, 내가 하고 싶은 언어만 할 수 있는 상황이 아니라는 건 알고 있었지만, 신입인 나에게 첫 업무가 웹스퀘어 5라 적잖이 당황했다. 웹스퀘어 5를 자칭(?) 자바스크립트 프레임워크라고 해서 가볍게 봤는데, 가장 많이 든 생각은 내가 자바스크립트 기초가 너무나 부족하다는 걸 깨달았다. 그래도 기초 개념은 있는 줄 알았지만, 내 개 발바닥 수준을 다시 한번 확인하는 계기가 되어 이 참에 자바스크립트 개념을 바로 잡아보고자 한다. 서두가 길었다. 📌 자바스크립트 기초 개념 바로잡기 ✅ 식별자 식별자는 코드 내의 변..