본문 바로가기

분류 전체보기

 (85)
spread 연산자 배열과 객체를 한 줄로 펼치는 방법 const cookie = { base: "cookie", madeIn: "korea" }; const chocochipCookie = { base: "cookie", madeIn: "korea", toping: "chocochip" }; const blueberryCookie = { base: "cookie", madeIn: "korea", toping: "blueberry" }; const strawberryCookie = { base: "cookie", madeIn: "korea", toping: "strawberry" }; console.log(chocochipCookie); 중복되는 프로퍼티를 계속 작성해야 하는 문제 코드 수정 - 스프레드 연산자 사용 con..
비구조화 할당 let arr = ["one", "two", "three"]; let one = arr[0]; let two = arr[1]; let three = arr[2]; console.log(one, two, three); 결과 - arr을 계속 반복하여 호출해야 하는 비효율 발생 비구조화 할당을 이용하여 코드 수정 대괄호를 이용하여 배열의 값을 순서대로 할당받아 사용 let arr = ["one", "two", "three"]; let [one,two,three] = arr; console.log(one, two, three); 결과는 동일 코드를 더 줄일 수 있도록 수정 let [one, two, three] = ["one", "two", "three"]; console.log(one, two, three)..
조건문 업그레이드 조건문 function isKoreanFood(food) { if (food === "불고기" || food === "비빔밥" || food === "떡볶이") { return true; } return false; } const food1 = isKoreanFood("불고기"); const food2 = isKoreanFood("파스타"); console.log(food1); console.log(food2); 결과 하지만 한식의 종류가 많아지면 조건문이 너무 길어지게 됨 문자열로 이루어진 한식 중에 입력받은 파라미터가 존재하는 지 안하는 지만 확인하면 됨 코드 수정 (food)라는 파라미터가 배열 안에 존재하면 true 존재하지 않으면 false 리턴하는 배열의 메서드(include) 사용 funct..
삼항연산자 // TODO : 확률계산 프로그램 // 90점 이상 A+ //50점 이상 B+ //둘 다 아니면 F let score = 100; score >= 90 ? console.log("A+") : score >= 50 ? console.log("B+") : console.log("F"); 중첩해서 사용 가능 하지만 가독성이 떨어지므로 if조건문으로 변경해서 사용하는 것이 낫다 if (score >= 90) { console.log("A+"); } else if (score >= 50) { console.log("B+"); } else { console.log("F"); }
배열 보호되어 있는 글입니다.
콜백함수 보호되어 있는 글입니다.
특정 영역에 마우스 오버 시 텍스트 나오기 - useState 보호되어 있는 글입니다.
자바스크립트 변수 & 상수 보호되어 있는 글입니다.
next.js에서 클릭 시 특정 영역으로 자동 스크롤 이동 html처럼 a태그에 id를 부여하여 해당 섹션으로 이동하는 기능이 필요했다. 나는 사이드바를 구현하였기 때문에 메뉴를 누르면 해당 영역으로 이동했어야 했다. next.js에서는 Link태그에 a태그가 내장되어있으므로 Link href 경로에 id를 넣어줬더니 잘 기능 하였다. (예시) SideBar.tsx (Link를 사용할 컴포넌트) Business. tsx (화면에 나타날 컴포넌트) 따라서 메뉴를 누르면 해당 컴포넌트의 섹션으로 자동 스크롤 된다
자바스크립트 함수 함수 선언 function doSomething() { console.log('hello'); } function add(a, b) { const sum = a + b, return sum; } 함수 호출 doSomething(); const result = add(1, 2); console.log(result); 함수의 역할 1. 기능을 하고 그냥 끝 2. 계산을 하고 특정한 값을 전달 function getArea() { let width = 10; → 2 let height = 20; → 3 let area = width * height; → 4 console.log(area); → 5 } //함수 선언식, 함수 선언 방식의 함수 생성 getArea(); → 1 console.log("함수 실행 완..

티스토리툴바