자바스크립트

💻 Programming/Algorithm

[프로그래머스 Lv. 0] 배열 회전시키기

프로그래머스 알고리즘 풀이 https://school.programmers.co.kr/learn/courses/30/lessons/120844 사용 언어 : 자바스크립트 JavaScript JS 1. 배열 회전시키기 1) 문제 설명 정수가 담긴 배열 numbers와 문자열 direction가 매개변수로 주어집니다. 배열 numbers의 원소를 direction방향으로 한 칸씩 회전시킨 배열을 return하도록 solution 함수를 완성해주세요. 2) 제한 사항 3 ≤ numbers의 길이 ≤ 20 direction은 "left" 와 "right" 둘 중 하나입니다. 3) 입출력 예 numbers direction result [1, 2, 3] "right" [3, 1, 2] [4, 455, 6, 4, ..

💻 Programming/React

[Redux] React Redux 기본 개념과 설치/세팅 정리

1. Redux란? 상태관리 라이브러리, 중앙 state 관리소를 사용할 수 있도록 도와주는 패키지 컴포넌트 간에 state 데이터들을 부모-자식 관계로 설정하여 props를 통해 한정적으로 전달하지 않고, 중앙에서 관리하여 어떤 컴포넌트에서든 쉽게 접근하고 제어할 수 있도록 해준다. 1) Redux의 흐름 View에서 액션이 일어난다. dispatch에서 action이 일어나게 된다. action에 의한 reducer함수가 실행되기 전에 middleware가 작동한다. middleware에서 명령내린 일을 수행하고 난 뒤, reducer함수를 실행한다. reducer의 실행결과 store에 새로운 값을 저장한다. store의 state에 subscribe하고 있던 UI에 변경된 값을 준다. 2) Pro..

💻 Programming/JS, TS

[JavaScript] 자바스크립트로 크리스마스까지 남은 시간 계산하기

나는 개인적으로 크리스마스의 분위기와 무드를 매우 매우 좋아하는 사람이다. 아직 한여름도 채 오지 않았지만, 자바스크립트를 이용하여 올해 크리스마스까지 남은 시간을 계산해 보자! 1. JavaScript를 사용하여 크리스마스까지 남은 시간 계산하기 먼저 HTML을 간단하게 작성하고, 자바스크립트 코드를 작성해봤음! 자바스크립트 코드블럭 내에 순서 단계를 주석으로 적어두었고, 자세한 설명은 코드블럭 하단에서 풀어서 적어보려고 한다. Santa is coming! // 1) 시간을 표시할 HTML 요소 지정 const countdownClock = document.querySelector(".countdown"); // 2) 함수 작성하기 const waitingXmas = () => { // (1) 오늘 ..

💻 Programming/JS, TS

[JavaScript] var, let, const

1. 변수란? 1) 정의 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름 기억하고 싶은 데이터 값을 메모리에 저장하고, 저장된 데이터 값을 재사용하기 위해 사용 식별자: 변수의 이름을 '식별자(identifier)'라고도 하는데, 식별자는 값 자체가 아닌 값을 저장하고 있는 메모리 주소를 기억한다. 식별자는 변수명에 국한된 개념이 아니고, 변수, 함수, 클래스 등의 이름은 모두 식별자라고 할 수 있다. 2) 변수의 생성 3단계 - 선언, 초기화, 할당 (1) 변수 선언 변수 선언이란 변수를 생성하는 것, 즉 값을 저장하기 위해 메모리 공간을 확보하고 변수명과 확보된 메모리 공간의 주소를 연결해서 값을 저장할 수 있도록 준비하는 것을 말한다. 변수를 선언..

✍️ What I Learned/TIL

[TIL] 20230523 Day 9 - 문자열 연습, 반복문과 조건문 연습

오늘 강의 키워드 ECMAScript 6(ES6) 문법, 일급객체로서의 함수, Map과 Set 프로그래머스 문제 풀이 문자열 연습하기 ❓ 문제 설명 대문자와 소문자가 섞여있는 문자열 s가 주어집니다. s에 'p'의 개수와 'y'의 개수를 비교해 같으면 True, 다르면 False를 return 하는 solution를 완성하세요. 'p', 'y' 모두 하나도 없는 경우는 항상 True를 리턴합니다. 단, 개수를 비교할 때 대문자와 소문자는 구별하지 않습니다. 예를 들어 s가 "pPoooyY"면 true를 return하고 "Pyy"라면 false를 return합니다. ❗ 제한사항 - 문자열 s의 길이 : 50 이하의 자연수 - 문자열 s는 알파벳으로만 이루어져 있습니다. 어제 고민했던 1주차 문자열 연습문제..

✍️ What I Learned/TIL

[TIL] 20230522 Day 8 - JavaScript 수업 시작

📌 오늘 강의 키워드 변수와 상수, 데이터 타입, 형 변환, 연산자, 함수, 조건문, 반복문, 객체와 객체 메소드, 배열과 배열 메소드 📌 강의 들으면서 내가 실수한 것 & 놓친 부분 💡 0부터 10까지의 수 중 2의 배수만 console.log로 출력하도록 작성 for ( let i = 0; i 0 ) { if ( i % 2 = 0 ) { console.log(i); } } } 위의 for문을 작성했는데 자꾸 아래와 같은 에러가 발생하면서 console.log가 제대로 출력되지 않았다. if ( i % 2 = 0 ) { ^^^^^ SyntaxError: Invalid left-hand side in assignment 그래서 무엇이 문제인가 자세히 봤더니 i % 2와 0을 비교하는 연산자를 ===가 아..

Jiwon()
'자바스크립트' 태그의 글 목록 (2 Page)