YoungDogg

관련 글 코딩테스트 연습 - K번째수 | 프로그래머스 js (tistory.com) 배열을 적절히 정렬 후 반환한다. 기본 정렬(sort()) 순서는 문자열의 유니코드 코드 포인트를 따릅니다. 보면 알 수 있듯이 4가 두 번째가 아니다. 맨 앞자리 숫자가 큰 순서대로 정렬된다. 따라서 10의 자리 숫자를 비교할 때는 기본 정렬은 적절하지 않다. 옳게 쓰려면 sort() 소괄호 안에 콜백 함수를 만들어준다. 빼기를 해서 오름차순 또는 내림차순으로 만들 수 있다. 참고 링크 Array.prototype.sort() - JavaScript | MDN (mozilla.org) Array.prototype.sort() - JavaScript | MDN sort() 메서드는 배열의 요소를 적절한 위치에 정렬한 후 ..

객체를 콘솔 로그로 부를 때 백틱과 기존 것이 차이가 났다. 객체는 기존 것을 쓰는 걸 추천한다. 배열은 어떨까 배열도 백틱으로 쓰면 문자열과 유사하게 보인다. 결론 객체, 배열은 기존 콘솔 로그를 쓰자 예제 1. axios라는 걸 이용해서 통신을 하는 상황이다. axios.get("http://localhost:3000/boards").then((req) => { console.log(`${req}`); }); 백틱으로 콘솔을 찍으면 배열 안 오브젝트가 안보인다 따라서 axios.get("http://localhost:3000/boards").then((req) => { console.log(req); }); 기존 콘솔로그를 쓰면 잘 나온다. 백틱은 편하지만 값이 안나오면 기존 콘솔로그를 쓰자

promise란 (Producing Code)시간 좀 걸리는 코드와 (Consuming Code)반드시 기다려야 하는 코드를 연결하는 객체다. 객체 특징 properties.state (상태) peding fulfilled rejected properties.result (결과) undefined a result value an error object 예제 1. 기본형이다. const myResolve = () => {console.log("I'm myResolve")} const myReject = () => {console.log("I'm myReject")} let myPromise = new Promise(function(myResolve, myReject) { // "Producing Code"..

콘솔로그에서 쓰는 '백틱'(템플릿 리터럴 일부)을 쓸 때 기존과 좀 차이가 있다. 읽어보자 관련글 : console.log(`${some}`) vs console.log(some) (tistory.com) 문자열, 여러줄 한버에 쓰기, 특수기호 쓰기가 편하게 가능하다 참고 링크 Template literals (Template strings) - JavaScript | MDN (mozilla.org)

콜백이란 매개변수로 쓰여지는 함수이다. 또한 여러 콜백들이 동시(synchronous)에 불러지기도 하며 따로따로(asynchronous) 불러지기도 한다. .then() 을 사용하여 따로따로(asynchronous) 순서 좋게 콜백을 사용할 수도 있다. .then()은 Promise synchronous asynchronous Promise (참고 : Promise란 (tistory.com))와 함께 쓰이며 .then()함수를 쓴다. 참고링크 JavaScript Callbacks (w3schools.com) JavaScript Callbacks W3Schools offers free online tutorials, references and exercises in all the major languag..

깊은 복사는 주소값을 다르게 갖는 것이고 얕은 복사는 주소값을 같이 쓰는 것이다. //배열, 객체는 그것 그대로 복사하면 이렇게 값이 하나만 바뀌어도 둘 다 영향을 받는다. let arr1 = [2,3,4]; let arr2 = arr1; arr1[0] = 100; console.log(arr2); // [ 100, 3, 4 ] // 바닐라 JS로는 JSON.parse(JSON.stringify 이것을 써야 한다. 하지만 '현업'에서는 쓰지 않는다고 한다. const newProfile = { name : "sam", hobby : {one : "hunting", two : "running"}, age : 8 } JSON.stringify(newProfile) //'{"name":"sam","hobby"..

Spread 요소들을 '흩뿌리는' 개념이다. 파라미터에서 쓰며 배열 또는 객체를 '뿌리는데' 쓴다. 두 개 이상의 배열이나 객체를 하나로 합치는데 쓴다. Rest 요소들을 '모으는' 개념이다. 객체를 지우는 데 쓰기도 한다. Rest를 이용하면 객체의 값을 삭제할 수 있다. delete를 사용 할 수도 있지만 현업에선 기존 값을 잘 삭제하지 않는다. 참고 사이트 Javascript Spread and Rest Syntax (...) | Better Programming Spread Syntax (…) vs. Rest Syntax (…) in JavaScript Understand the difference with two examples of each betterprogramming.pub javascr..

배열이나 객체의 값을 쉽게 분해하는 것이다. for문을 쓸 수도 있지만 for_of 또는 for_in을 쓰기도 한다. 또한 spread syntax( ... ) 을 쓰기도 한다.( 참고 : spread syntax vs rest syntax) 배열 변수 이름 부분에도 배열기호를 써준다. 그리고 spread syntax(...)를 썼다. 나머지 배열을 담아낸다는 뜻이다. 객체 for_of문을 쓰려면 Object.entries를 써야 한다. 하지만 for_in문을 써버리면 쓰지 않아도 된다. spread syntax를 이용해서 result에 나머지들이 들어간다. 객체를 파라미터로 받으면 인자로 분해해서 받을 수도 있다. 이렇게 하면 더 안전하다. 참고 사이트 Destructuring assignment - ..

----이어지는 글---- 선언, 초기화, 할당 차이 (tistory.com) var let const hoisting O O O value, after hoising undefined X X going to TDZ? X O O re-declarable? O X X able to re-assign? O O X var 할당이 아니라 선언만 해도 값이 안에 들어가진다. 재선언을 하면 좁은 스코프에서 쓰던 값이 넓은 스코프에서도 쓰이게 된다. 또한 영어로 Lexical Environment에 들어가는데(참조) 다른말로 스코프를 따로 지정 안해주면 글로벌로 변수가 쓰인다는 뜻이다. 또한 값도 undefined로 할당되며 호이스팅 된다. var hoisting에 관해 let var 과 마찬가지로 호이스팅이 된다...

----이어지는 글---- var let const 차이점 그리고 호이스팅 (tistory.com) 선언 : 특정 이름으로 스코프에 알려준다. 초기화 : 메모리에 선언과 동시에 진행된다. 할당 : 변수 안에 값 집어넣기 선언타입 : var, let, const (이들의 차이점) 참고 링크 Quick Tip: How to Declare Variables in JavaScript - SitePoint Quick Tip: How to Declare Variables in JavaScript - SitePoint Julian Motz examines how variables are declared in JavaScript, and introduces the three different types of decla..

퍼사드 패턴은 API에 최소한의 정보만 보여주는 것이다. 따라서 함수이름만 가지고도 무슨 기능을 하는지 알 수 있게 하는 게 중점이다. import { getWelcomeTemplate, isValidEmail, sendEmail2DB } from "./email.js"; function createUser({name, age, school, email}){ // 1. email이 정상인지 확인(eamil 존재 여부, @포함여부) if(isValidEmail())){ //

배열의 총합을 구할 때 쓴다. 예제) [0, 1, 2, 3, 4].reduce(function(accumulator, currentValue, currentIndex, array) { return accumulator + currentValue; }); 내가 적용한 것 코딩테스트 연습 - 평균 구하기 | 프로그래머스 JS (tistory.com) 코딩테스트 연습 - 평균 구하기 | 프로그래머스 JS 코딩테스트 연습 - 평균 구하기 | 프로그래머스 (programmers.co.kr) 코딩테스트 연습 - 평균 구하기 정수를 담고 있는 배열 arr의 평균값을 return하는 함수, solution을 완성해보세요. 제한사항 arr은 길이 youngdogg.tistory.com 참고 링크 Array.prototy..

배열에서 필요한 값 걸러내기다. 콜백함수(매개변수로 쓰는 함수)를 쓰기도 한다. 예제 1. function isSmallEnough(value) { return value