개발 🐾

함수를 간단하게 나타낼 수 있는 화살표 함수, 일명 arrow function.간단하게 나타내려다보니 기존의 형태를 잊어버리는 경우가 있다. Arrow function 📍기존 함수 형식const add = function (a, b) { return a + b;}console.log(1, 3);  📍화살표 함수로 나타내기1. function을 없애고 화살표로 대신하기const add = (a, b) => { return a + b;}console.log(1, 3); 2. return문이 한 줄일때는 중괄호와 return 생략하기const add = (a, b) => a + b;console.log(1, 3);  화살표함수로 나타내었지만 console.log를 어디서 찍어야 할 지 헷갈리는 경우,원래의..

형태는 ...변수명 으로spread operator와 닮아있지만, 사용방법은 매우 다른 rest operator  Rest operator📍사용방법나머지 연산자(= rest operator)는 함수의 매개변수에서 사용되거나, 객체 리터럴이나 배열 리터럴에서 남은 부분을 하나의 변수로 그룹화할 때 사용된다. 예를 들어 함수에서 여러 인수를 배열로 그룹화하거나,객체 분해 할당(destructuring)에서 특정 속성을 제외한 나머지 속성들을 새 객체로 그룹화할 때 사용한다.더보기객체 리터럴(배열 리터럴)? 단순히 중괄호 {}를 이용하여 객체를 직접 선언하는 방식이다. 배열리터럴도 마찬가지 []를 통해 직접 선언하는 방식이다.  📍함수의 매개변수배열로 들어오지 않는 input을 한 군데에 묶을 때 사용한다..

문제 1.가장 아래의 코드가 실행 되었을 때, “Passed ~” 가 출력되도록 getAge 함수를 채워주세요.var user = { name: "john", age: 20,}**var getAged = function (user, passedTime) { newUser = { name: "john", age: 20, } newUser.age += passedTime; return newUser; }** => 이 부분만 추가 함var agedUser = getAged(user, 6);var agedUserMustBeDifferentFromUser = function (user1, user2) { if (!user2) { consol..

문제조건이 맞을 때 색깔 변경하기조건 : 미세먼지 값이 40을 넘을 때 빨간색 글씨로 보이게 해라.  1. li 값이 "bad"임을 먼저 지정하기2. class = "bad"에 대한 css 스타일 값 지정하기3. if 함수를 실행하기 위해let temp_html = ``; 먼저 지정하기-> temp_html은 조건에 따라 결과가 변하기 때문에공백임을 먼저 명시해야 한다!!4. if함수 작성하기-> 미세먼지 값 > 40 이면 class = "bad"아니면 기존 형식

1. .append 활용해서 웹페이지에 나타내기버튼 클릭 시 실시간 업데이트 내용이 나타난다.하지만 버튼을 누를 때마다 기존 내용에 추가로 붙는다.   2. 기존 내용 지우고 업데이트 하기 fetch 이전의 내용을 삭제하기 위해 .empty를 상단에 추가한다.   3. 기존 내용 지우기기존에 있던 내용을 없애기 위해서는 vscode에서 그냥 지우면 된다.

RealtimeCityAir 자료 사이트 1. 딕셔너리형태에서 한 가지 정보 가져오기[0]으로 지정해서 0번째 결과만 보여진다.   2. 딕셔너리에서 전체 값 가져오기지정하지 않아서 전체 값이 나온다.   3. 딕셔너리에서 각각의 값 가져오기forEach를 통해 각각의 값이 나온다.   4. 딕셔너리에서 필요한 값만 가져오기각각 가져온 값(구 이름, 미세먼지 정도)가 나온다.

JQuery 연습하기 영상 링크 1. 내용 지우기1) 지정하기- 태그에 적은 id를 지정하기function checkreasult() {let fruits = ['사과', '배', '감', '귤', '수박']$(#'q1')} 사과 배 감  2) 내용 지우기- .empty를 활용하기   2. 내용 붙이기1)html을 만들어서 붙이기 (백틱 활용하기) 2) .append 활용해서 붙이기 기존 내용이 사라지고 '감자' 가 나타난다.  3. fruits의 값 붙이기1) 한 값만 지정해서 붙이기- ${ }를 활용하기 2) 여러 값을 붙이기- .forEach 활용하기 (fruits와 a로 수정하기) 기존 내용이 사라지고사과배감귤수박이 나타난다.

[왕초보] 웹개발 종합반 3주차 3-2 강의 중"이전 거에서 복사해서 title 아래에 붙이면 돼요"라고 하며 가져온 '이게 뭐지?' 기억이 안 난다. 직전 2주차 강의를 다시 찾아보니 'JQuery CDN' 이라고 하는 코드스니펫이었다."JQuery는 누군가 만들어 놓은 라이브러리입니다.Javascript를 가지고 화면을 훨씬 더 쉽게 조작할 수 있는 거예요"라는 설명과 함께.. 이 기능이 뭔지 궁금해져서 바로 구글링 👩🏻‍💻 JQuery CDN이란콘텐츠 전송 네트워크의 약자로 데이터 사용량이 많은 페이지 웹페이지의 로드 속도를 높이기 위해 연결된 서버 네트워크이다.사용자가 웹 사이트를 방문하면 데이터를 주고 받기 위해 인터넷 통신이 이루어지는데특히 동영상이나 큰 이미지와 같은 대용량 일의 경우 ..

'destucture'의 뜻은 파괴하다배열, 객체 안의 데이터를 뽑아쓰다. Destructuring 📍array 적용 예시1. 아래 배열에서 "강아지"는 dog라는 변수에,"고양이"는 cat이라는 변수에 넣으려면?const 동물리스트 = ["강아지", "고양이"];더보기정답1.const dog = 동물리스트[0]; // dog => "강아지"const cat = 동물리스트[1]; // cat => "고양이" 2.const 동물리스트 = ["강아지", "고양이"];const [dog, cat] = 동물리스트;// dog => "강아지"// cat => "고양이"=> 순서에 맞게 구조분해할당이 적용된다. 2. 배열 colors에서 세 번째 값인 blue만 출력하려면?const colors = ["red",..

'spread'의 뜻은 펼치다, 뿌리다.단어의 뜻과 같이 배열 내의 요소들을 펼쳐놓는다.원본은 그대로 유지되고 복사본은 원하는 대로 변경이 가능하기 때문에 주로 객체나 배열을 복사할 때 쓰인다. Spread operator 📍기본 형식점 세 개(...)만 작성하면 된다.1. 양쪽 대괄호 [ ] 를 제거할 수 있다.let a = [1, 2, 3]console.log(...a) // 1 2 3// console.log(1, 2, 3); -> 1 2 3 2. 새로운 배열을 만들 수 있다.let a = [1, 2, 3]let b = [...a] // b는 새로운 배열 3. 두 개의 배열을 합칠 수 있다.let a = [1, 2, 3]let b = [4, 5, 6]let c = [...a, ...b] // [1..