예전에 React.js에 대해서 간단히 훑어본적이 있었는데, 그때 Arrow Function에 대한 개념을 접했던 것 같다, 프로젝트 혹은 현업에서 좋은 코드 중 하나는 물론 시간과 공간을 효율적으로 사용하는 코드이기도 하지만, 가독성이 좋은 것도 크게 한 몫 한다고 생각하기 때문에 별도로 포스팅을 해보았다. ★ Arrow Function 기존 함수선언의 번거로움을 해소시켜주는 친구. 예를 들자면 // 기존 함수 선언 const prinHello = function () { console.log('Hello World!'); }; // Arrow Function const printHello = () => console.log('Hello World!'); Arrow Function은 함수가 한 줄 일때..
웹 개발 공부 : Front-end/Javascript
★ function expression 함수를 선언함과 동시에 변수에 할당할 수 있다. 예를 들자면 const showSentence = function () { console.log('Hello World!'); }; showSentence(); // 함수호출 const otherFunc = showSentence; // 해당 함수를 다른 변수에도 할당할 수 있다. otherFunc(); 그리고 위의 코드에서 함수명은 없고 function 키워드만 있는데, 이런 함수를 anonymous finction이라고 한다. 물론 함수명을 넣어도 된다. 이렇게 함수의 이름이 있는 함수를 named function이라고 한다. ★ Callback 함수를 전달해서 상황에 맞게 함수를 호출하는 것은 callback F..
함수는 Input과 Output, 함수명을 잘 정의하는 것이 굉장히 중요하다. ★ Javascript에서의 함수를 정의하는 방법 // ex // 함수정의 function printYourName() { console.log('KTU!'); } // 함수호출 printYourName(); 함수는 하나의 함수에 한가지의 task만 하도록 만들어야한다. 함수명은 명사보다는 동사, 명령형태로 이름을 지정하는 것이 좋다. 함수명을 정하는것이 너무 어렵다면 '함수를 너무 많은 기능으로, 복잡하게 만드는것이 아닌가?' 의심해 봐야한다. ※ Javascript에서의 함수는 Object이다. (Object에 대한 개념은 다음에 포스팅하겠음.) 따라서, 함수를 변수에 할당할 수도 있고, 함수 인자로 전달이 되고, 함수를 ..
프로그래밍 언어에서 반복문이라함은 대표적으로 for, while, do while, 조건문은 if 등이 있는데, 동작원리는 다 알고 있지만, 사용법이 언어마다 조금씩은 다르기 때문에 한번 짚고 넘어가는 차원에서 포스팅한다. ★ for for(i = 3; i > 0; i--){ console.log(`for : ${i}`); } ★ while과 do while let i = 3; //while while(i > 0){ console.log(`while : ${i}`); i--; } //do while do { console.log(`do while : ${i}`); }while(i > 0); ★ if const a = 10; if ( a === 10 ) { console.log(`condition1 col..
