Nuey.log

JS에서 null이나 undefined는 false로 평가됩니다. 따라서 논리연산자 || 와 && 이용해서 초기화를 할 수 있습니다. || const nulll = null;const empty = ``;const exist = `exist`;let result;console.log(`nulll || empty : ${result = nulll || empty}`);console.log(`nulll || exist : ${result = nulll || exist}`);console.log(`empty || exist : ${result = empty || exist}`);console.log(`nulll || empty || exist : ${result = nulll || empty || exist}..

참조 - https://youtu.be/jnhvQr1iDRE 클래스는 설계도와 같다 풀어서 얘기하자면 하나의 웹사이트를 만든다면 로그인/게시판/관리자 등의 페이지를 만들겠죠.그럼 로그인/게시판/관리자 page를 관리하기 위한 각각의 .class를 만듭니다.만들어진 .class는 각 기능을 위한 설계도 와 같습니다.그 안에서 실제 기능을 위한 변수와 함수들이 모여있으니까요. 위는 .class를 잘 이해하기 위한 비유적인 표현이고  정의 : 객체를 정의해 놓은 것용도 : 객체를 생성하는 데 사용객체 ObjectInstance.실제로 존재하는 사물 또는 개념(속성과 기능으로 구성)속성 - 변수.기능 - 메서드.Class Speaker { // 속성 = 변수 String maker; // 제조사 bo..

학원에서 강사님께서 추천해주신 '자바의 정석'이라는 바이블 책을 보며 공부하다가유튜브 강의까지 보게되었습니다.내용 자체는 단순하지만 원리까지 설명을 해주시기 때문에 처음 코딩을 공부할 때는 왜지? 하고 생각되는 부분들을속시원하게 말해주는 영상이기에 강력 추천드립니다.저도 이번에 다시 보고 공부하면서 티스토리를 채워나가보도록 해보려 합니다.

요즘 읽고있는 책인데 정말 많은 도움이 되고있습니다.카테고리를 만들어 클린코드에 대해 정리할 정도로요. 처음 개발을 공부할 때는   주석만 잘 적고 능력만 있으면 되지 않나? 라고 생각했는데    코드를 클린하게 짜는 것 또한 큰 능력이라는 걸 책을 읽고 알게되었습니다.클린코드로 적지 않으면 리팩토링하는 데에 큰 어려움이 있을 거라는 사실도요.    클린코드라는 개념이 나온 지 그렇게 오래된 건 아니라 모르시는 개발자분들도 많습니다.하지만 클린코드를 공부한 중급개발자분들을 만나면 좋게 봐주시더라구요.그만큼 중요한 기본기라고 생각하고 어필할 수 있는 능력이라 생각됩니다.

코드를 처음 시작할 때 흔히int d; // 날짜이런 식으로 한글자로 변수명을 적습니다.이름이 좀 길어져도 상관없습니다 클래스/함수/변수 무엇이든 읽자마자 어떤 것인 지 알 수 있어야 합니다.int daySinceCreation;int fileAgeInDays;너무 길지 않나? 생각할 수 있지만 훨씬 낫습니다.주석이 없어도, 변수명을 기억하지 않아도 바로 알 수 있습니다. 연속적인 숫자 이름은 아무런 정보를 제공하지 못한다 public void makeNames(String param1, String param2) { }param1, param2 ...param4 까지 흔히 볼 수 있는 작명입니다.하지만 아무른 의도를 읽을 수 없습니다.변수타입을 이름에 넣지 마라(헝가리안 표기법 금지)Data, Info..

Promise : 약속한 내용  ※ 기본형태let promise = new Promise(function(resolve, reject){ });​ 익명함수(함수를 변수에 담은 형태) 입니다. 무슨 약속이었는 지 기억하려면 이름이 붙어야 겠죠.그래서 꼭 변수에 담아야 합니다. 아니면 약속을 해도 실행할 수 없어요.약속한 걸 실행 성공하면 resolve실패하면 reject 가 실행됩니다. Promise 구성 상태값 변화  Promise의 기본 상태값PromiseState : pendingPromiseResult : undefined성공한 경우 PromiseState : fulfilled PromiseResult에서는 resolve 에 담긴 값이 표기됩니다.실패한 경우 PromiseState : rej..

먼저 객체 Object 가 뭔 지 간단히 말해보자면기본형을 제외한 타입은 참조형인데, 참조형은 모두 Object 아래에 있다고 보시면 됩니다.그래서 조상Object가 가진 메서드들을 맘껏 사용할 수 있는 거죠.        Object.keys()와 Object.values()도 있지만,보통 key와 value 모두를 반환하는 Object.entries()함수를 사용합니다.

먼저 들어가기 전에 왜 typeof()함수로 변수 타입을 확인 하는 지 적어보자면  JS 클린코드 작성법으로== 대신 ===가 사용하길 권고되기 때문입니다  == 동등 연산자는 숫자와 문자열 상관없이 일치하는 지 확인하죠.   === 엄격한 동등 연산자는 타입이 일치하는 지도 확인합니다.→ 엄격하게 동등한 지 확인하기 전에 타입을 확인해야 원하는 로직을 구현할 수 있습니다.  사용법typeof(변수명)

https://developer.mozilla.org/ko/docs/Web/API Web API | MDN 웹 코드를 작성한다면 많은 API를 사용할 수 있습니다. 아래 목록은 웹 앱이나 웹 사이트를 만들 때 사용할 수 있는 모든 인터페이스(객체의 유형)입니다. developer.mozilla.org

setTimeout(functionRef, delay)setTimeout(실행할 함수, 시간);  : delay 시간 후에 실행.  🌟 스케줄링 함수를 사용할 땐 화살표 함수로 작성하면 특히 더 간단히 적을수있어이렇게많이사용됩니다.setTimeout(() => {console.log("1")}, 1000);setTimeout(() => {console.log("3")}, 3000);​   setInterval(functionRef, delay): 지정한 시간 간격으로 반복. 💡 setInterval()은 꼭 변수에 담아서 실행해야 합니다.(익명함수)그렇지 않으면 반복되는 함수이기때문에 무한으로 반복합니다.let interValName = setInterval(functionRef, delay);​ ?..