본문 바로가기

전체 글101

2주차 WIL(ES6 문법) ES6 문법의 특징 1. let과 const가 새로 생겼으며, let은 변수를 할당하며, const는 상수를 할당할 때 사용된다. 2. 화살표 함수: 구문을 짧게 만들어주며, this 바인딩을 하지 않는다는 특징이 있다. const add = (a, b) => a + b; 3. 템플릿 리터럴: 문자열을 컨트롤 하기가 쉽고, ``으로 표현한다. let name = "John"; console.log(`안녕하세요, ${name}님!`); 4. 비구조화 할당: 기존에 있는 배열이나 객체를 별도의 변수로 추출할 수 있다. let [a, b] = [1, 2]; let {name, age} = {name: "John", age: 30}; 5. 프로미스: 비동기 작업과 콜백을 처리하는데 유용한 방법 6. import.. 2023. 8. 22.
[항해99] 6일차(알고리즘2) 오늘 페어프로그래밍을 하면서 나의 코드에는 for문과 if문이 넘쳐난다는 것을 깨달았다.. 이것들을 사용하지 않고 훨씬 간결하고 가독성이 좋은 코드를 짤 수 있다니.. 그래서 오늘은 그 코드 몇 가지에 대해서 써보고자 한다. map 함수 1. newArray = Array.map((element) => Number(element)) 위의 코드는 Array라는 배열을 숫자형으로 변경해서 새로운 배열을 만드는 코드이다. 항상 자동적으로 for(let i....) 형식으로 작성했는데 map 함수를 이용하면 훨씬 더 가독성이 좋은 코드를 작성할 수 있다. filter 함수 2. newArray =Array.filter((element) => element > 3) 위의 함수는 필터링을 해서 새로운 배열을 만들어.. 2023. 8. 19.
[항해99] 5일차(알고리즘1) 오늘부터 알고리즘 주차 시작!! 아직 문제 수준이 낮아서 그런가 문제를 푸는 게 재밌기만 하다.. 문제를 풀면서 '어떻게 하면 더 효율적으로 코드를 짤 수 있을까?'라는 고민을 계속하다 보니, 다양한 함수를 찾아보고 적용하게 되는 것 같다. 오늘 TIL에서는 지금까지 사용하지 않았던 함수들에 대해 작성해보고자 한다. 정수 내림차순 정렬하기 function solution(n) { var answer = 0; n = String(n) n = n.split("")//문자열을 배열로 나눈다 n = n.sort().reverse() n = n.join("") // 배열을 다시 문자열로 합친다 return Number(n); } 문제를 풀 때 나는 리스트 변수를 새로 만들고 두 개의 for문을 돌리면서 문제를 풀.. 2023. 8. 18.
[항해99] 4일차(ES6, 일급 객체로서 함수, 실행 컨텍스트, 콜백 함수) ES6 문법 소개 1. 화살표 함수 function add() {}; // 함수 선언문 var add = function(){}; // 함수 표현식 var add = () => {}; // 화살표 함수 var add = () => 1; // return문이 한 줄일 때는 생력 가능 var add = x => 1; // 매개변수가 하나면 소괄호도 생략 가능 // 화살표 함수는 this를 바인딩하지 못함 2. 삼항 연산자 // condition ? "true인 경우" : "false인 경우" true ? "참" : "거짓" 3. 단축 속성명: Property Shorthand const name = 'kim' const newAge = 30 const obj = {name:name, age: newAge} .. 2023. 8. 18.
728x90