일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
- CORS
- localstorage
- 리액트
- state
- Reducer
- es6
- TypeScript
- JavaScript
- Redux
- 자바스크립트
- 프론트엔드
- 비트 연산자
- firebase
- 파이어베이스
- til
- 원티드
- array
- v9
- axios
- react
- JS
- react localStorage
- Frontend
- 컴포넌트
- Component
- 브라우저
- 프로그래머스
- 알고리즘
- 프리온보딩
- 타입스크립트
- Today
- Total
목록자바스크립트 (19)
도리쓰에러쓰
1. 자바스크립트 엔진이 코드를 계산하기 위해 알아야 하는 부분 10 + 20 - 10, 20, + 기호의 의미를 알고 있어야 한다. - 10 + 20이라는 표현식의 의미도 해석할 수 있어야 한다. 자바스크립트 엔진은 피연산자인 10(좌변)과 20(우변)을 메모리에 기억하고, CPU를 사용해 연산한다. 2. 메모리(Memory) - 메모리(Memory): 데이터를 저장할 수 있는 메모리 셀(Memory Cell)의 집합체 - 메모리 셀 하나의 크기는 1바이트(8비트)이며, 컴퓨터는 메모리 셀의 크기, 즉 1바이트 단위로 데이터를 저장하거나 읽는다. - 각 셀은 고유의 메모리 주소(Memory Address)를 가진다. 메모리 주소는 메모리 공간의 위치를 나타내며 메모리의 크기만큼 정수로 표현된다. - 컴..
splice()와 slice() 메서드는 이름이 비슷해서 매일 헷갈리는 메서드 중 하나여서 글로 정리해보고자 한다. 우선 어떻게 사용하는지 알아보자. 1️⃣ splice() 사용 방법: arr.splice(start, deleteCount, items); - start: 배열의 변경을 시작할 index, 음수인 경우 배열 끝에서 시작한다. - deleteCount[option]: 배열 요소를 삭제할 갯수, 0이나 값을 작성하지 않은 경우 요소를 삭제하지 않으며, 값이 arr.length - start 보다 많은 경우 start부터 모든 요소를 제거한다. - items[option]: 배열에 추가할 요소, 값을 작성하지 않은 경우 배열의 요소를 삭제하기만 한다. 우선 splice()의 매개변수에 start..
배열에 요소를 더할 때 push(), unshift() 그리고 스프레드 문법 총 3가지의 방법을 통해 배열에 요소를 추가할 수 있다. 1️⃣ push() 메서드 const arr = [1, 2, 3]; arr.push(4, 5); console.log(arr); // [1, 2, 3, 4, 5] 2️⃣ unshift() 메서드 const arr = [1, 2, 3]; arr.unshift(4, 5); console.log(arr); // [4, 5, 1, 2, 3] 3️⃣ 스프레드 문법 const arr = [1, 2, 3]; const spreadArr = [...arr, 4, 5]; console.log(spreadArr); // [1, 2, 3, 4, 5] 배열 요소를 추가할 때 push()나 un..
1️⃣ delete 명령어 const obj = { a: 1, b: 2, c: 3}; delete obj.b; console.log(obj); // { a: 1, c: 3 } 2️⃣ 구조 분해 할당 (Destructuring Assignment) const obj = { a: 1, b: 2, c: 3}; const { b, ...objWithoutB } = obj; console.log(objWithoutB); // { a: 1, c: 3 }
자바스크립트에는 this라는 키워드가 있다. this는 문맥에 따라서 다양한 값을 가지는데 this가 쓰이는 함수를 어떤 방식으로 실행하느냐에 따라서 그 역할이 구별된다. this의 값들은 크게 4가지로 나눌 수 있는데 지금부터 알아보겠다. 1. 일반 함수 실행 방식 (Regular Function Call) 일반 함수 실행 방식(Regular Function Call)이란 아래 코드처럼 함수를 선언한 후, 실행할 때 흔히 사용하는 방식을 말한다. 일반 함수 실행 방식(Regular Function Call)으로 함수를 실행했을 때 this의 값은 Global Object 즉, 브라우저 상에서는 window 객체를 가리킨다. const example = () => { console.log(this); }..
📌 문제 사이트 코딩테스트 연습 - 신규 아이디 추천 카카오에 입사한 신입 개발자 네오는 "카카오계정개발팀"에 배치되어, 카카오 서비스에 가입하는 유저들의 아이디를 생성하는 업무를 담당하게 되었습니다. "네오"에게 주어진 첫 업무는 새로 programmers.co.kr 📌 문제 설명 카카오에 입사한 신입 개발자 네오는 "카카오계정개발팀"에 배치되어, 카카오 서비스에 가입하는 유저들의 아이디를 생성하는 업무를 담당하게 되었습니다. "네오"에게 주어진 첫 업무는 새로 가입하는 유저들이 카카오 아이디 규칙에 맞지 않는 아이디를 입력했을 때, 입력된 아이디와 유사하면서 규칙에 맞는 아이디를 추천해주는 프로그램을 개발하는 것입니다. 다음은 카카오 아이디의 규칙입니다. 아이디의 길이는 3자 이상 15자 이하여야 합..
프로그래머스 코딩테스트 Level2 풀이 모음입니다. Ctrl + F 를 이용해 문제 풀이를 찾아주세요. 🔽 알고리즘 문제 (프로그래머스 사이트) 코딩테스트 연습 기초부터 차근차근, 직접 코드를 작성해 보세요. programmers.co.kr 💡 최댓값과 최솟값 function solution(s) { const nums = s.split(' ').map(v => parseInt(v)); return `${Math.min.apply(null, nums)} ${Math.max.apply(null, nums)}`; } 💡 JadenCase 문자열 만들기 function solution(s) { return s.split(' ').map(v => v.charAt(0).toUpperCase() + v.slice..
코딩테스트를 진행하면서 가끔 헷갈리는 메서드가 존재하는데 자세하진 않지만 확인용으로 간단하게 작성해보았다. 'dori'[1];// 'o' 'dori'.includes('or');// true 'dori'.indexOf('r');// 2 'dori'.startsWith('i');// false 'dori'.endsWith('i');// true 'dori'.slice(0,3);// 'dor' 'dori'.slice(2);// 'ri' 'dori'.toUpperCase();// 'DORI' 'dORi'.toLowerCase();// 'dori' 'dori'.replace('or', 'hh');// 'dhhi' 'dori'.repeat(3);// 'doridoridori' 'do ri'.split('');//..