전체 글25 JS 기본 함수 설명 FROM.스파르타 코딩클럽 1.var, const, let function scope(){ const a = 0; let b = 0; var c = 0; // {} 증괄호 안에 든 내용을 블럭이라고 표현해요. if(a === 0){ const a = 1; let b = 1; var c = 1; console.log(a, b, c); } // 앗! c는 값이 변했죠? // 그렇습니다. var는 함수 단위라서 if문 밖에서 선언한 값이 변했어요. // let과 const로 선언한 겂은 어떤가요? if문 안쪽 내용이 바깥 내용에 영향을 끼치지 않죠? console.log(a, b, c); } 2. 생성자함수, 초기화, super class Cat { // 생성자 함수 constructor(name) { //추.. 2022. 5. 20. Array.map()함수 프로그래머스 코딩 문제 풀면서 가장 많이 남들의 답으로 봤지만 가장 이해가 되지 않았던 map함수에 대해 오늘 조원들과 같이 머리를 싸매고 고민했다... 그런데!!!! 너무 설명이 잘 되어 있는 블로그를 찾게 되었다. https://mjn5027.tistory.com/80 [ JavaScript ] 자바스크립트 map( ) 함수 값을 여러개 가지고 있는 배열에서 모든 값을 꺼내고자 할 때, 꺼내는 방법은 정말 다양하게 알려져 있다. 이번 포스팅에선 이러한 배열에서 값 꺼내는 방법 중 map( ) 을 다뤄보도록 하자. 아래와 mjn5027.tistory.com 여기 쓰신분이 진짜 너무 깔끔하게 map()의 예시와 설명을 적어주셔서 대략의 map의 이미지는 캐치했다. map( ) 함수는 값과 인덱스를 인자로.. 2022. 5. 18. arr관련 함수 arr.sort() 내림차순 정렬 숫자, 문자(영어) 모두 가능 arr.sort((a,b)=>a-b) 오름차순 정렬 Math.min() 수열중에 가장 작은값 도출 배열에서 min 값 찾으려면 Math.min(...arr) 얘는..ES6 문법인데 즉 최신 문법이라는 뜻이다. 그중에서도 Spread Operater 연산자중 하나인데. ES6에서는 '...'와 같이 다소 특이한 형태의 문법이 추가되었습니다. 점 3개가 연달아 붙어있는 이 표시는 Spread Opertor(스프레드 오퍼레이터, 스프레드 연산자, 전개 구문, 펼침 연산자...)를 나타내는 것으로, 배열, 함수, 객체 등을 다루는 데 있어서 매우 편리하고 재미(?) 있는 새로운 기능을 제공합니다. 출처: https://paperblock.tisto.. 2022. 5. 18. 노마드코더 바닐라 JS 여태껏... html,python,css 파일 작성하면서 와 나 이런것도 할줄알아 이정도면 할수있겠어 했던 나의 그 자부심이 자바스크립트를 하면서 와르를르... 무너졌다ㅠ.ㅠ 뭐가이렇게 복잡한거야 그치만 재미는 있어!!!! 막 신기하긴해! 근데도대체 뭔소리야!!!! 공부 열심히해봐얒...휴 일단 오늘 배운 내용 querySelector - element를 CSS 방식으로 가져올 수 있음, 단 하나의 element를 가져옴 (여러개의 경우 제일 첫번째 것만 가져옴) querySelectorAll - 조건에 부합하는 모든 element를 가져옴 addEventListener 아래 코드에서 보다시피 js를 통해서 style값 또한 바꿀 수 있다. (이렇게는 잘 하지 않음) Event에는 어마어마하게 많은 명령.. 2022. 5. 18. 배열 함수 관련 자주 쓰이는 문법 arr.filter Array.filter 원래 3항 연산자를 활용해 쭉쭉 문제를 풀어나가던 나는 false일 때 값을 넣고싶지 않아서 결국 for문을 사용하게 되었다. 하지만 너무억울해서 혹시나 한줄로 깔끔하게 풀수있는 함수있나 찾아보던중 arr.filter 라는 함수를 알게 되었다. 얘는 조건을 만족할때만 arr에 자동으로 붙여주는 콜백 함수이다. 예를 들어 간단히 설명해보자. 문제 설명 array의 각 element 중 divisor로 나누어 떨어지는 값을 오름차순으로 정렬한 배열을 반환하는 함수, solution을 작성해주세요. divisor로 나누어 떨어지는 element가 하나도 없다면 배열에 -1을 담아 반환하세요. 제한사항 arr은 자연수를 담은 배열입니다. 정수 i, j에 대해 i ≠ j 이면 arr[i] .. 2022. 5. 17. 유레카 삼항연산자 조건 (삼항) 연산자 조건 연산자는 JavaScript에서 세 개의 피연산자를 받는 유일한 연산자입니다. 조건 연산자는 주어진 조건에 따라 두 값 중 하나를 반환합니다. 구문은 다음과 같습니다. condition ? val1 : val2 만약 condition이 참이라면, 조건 연산자는 val1을 반환하고, 그 외에는 val2를 반환합니다. 다른 연산자를 사용할 수 있는 곳이라면 조건 연산자도 사용할 수 있습니다. 에들 들어, var status = (age >= 18) ? "성인" : "미성년자"; 위의 명령문은 age가 18 이상이라면 status 변수에 "성인"을 할당하고, 그렇지 않으면 "미성년자"를 할당합니다. 이거 if문 한 줄로 줄일 수 있는 엄청난 식이다....진짜 왜 유레카 외친지 알 것.. 2022. 5. 14. 이전 1 2 3 4 5 다음