# js

6368개의 포스트
post-thumbnail

220930 TIL -JS의 시작

JS생태계 참고문서ES6 -> ES2015 업데이트버전. 해당 버전부터 문법이 대거 추가되며 가독성, 유지보수성 크게 향상되었다.ECMA Script -> 자바스크립트의 뼈대를 구성하는 언어자바스크립트 런타임 -> 자바스크립트 실행할 수 있는 환경HTML 을 프로그래밍

약 5시간 전
·
0개의 댓글
·
post-thumbnail

[JAVA SCRIPT] 16. EVENT

주요 이벤트 타입 (1) click : 클릭 (2) dbclick : 더블클릭 (3) load : HTML문서 모두 읽음 (4) mouseover : 마우스 가져다 댐 (5) mouseout : 마우스 나감 (6) keydown

약 11시간 전
·
0개의 댓글
·
post-thumbnail

[JS]문자열 내 마음대로 정렬하기

sort에는 매개변수로 compareFunction이 들어간다. 보통 다른 언어에서는 sort는 정수는 정수대로 정렬을 해주는데 Javascript에서는 문자열로 변경을 한 뒤에 정렬을 하기 때문에 9와 80을 정렬하면 80이 먼저오고 그 뒤에 9가 오게된다. 그래서

약 12시간 전
·
0개의 댓글
·
post-thumbnail

자바스크립트 객체 복사하기 (deep copy)

객체를 복사한다고 하면 가장 널리 알려져있는 방법으로는 Object.assign과 스프레드 연산자를 통해 복사하는 방법이 있을 것이다.먼저 Object.assign을 통해 객체를 복사하였다.제대로 복사되었는지 확인하기 위해 복사한 객체의 value 값을 변경해보자.두

약 12시간 전
·
0개의 댓글
·

js 프로그래머스 두개 뽑아서 더하기

배열이 주어지고 배열에서 아무거나 두개 뽑아서 더한 값들을 배열에 담으면 된다. 단 중복을 제거하고 오름차순으로 정렬해야 한다. 일단 하나씩 하나씩 포문을 돌려서 구해준다 배열중에 같은 것을 두번 뽑을 수 없으니 같은 자리일때는 그냥 진행한다.

약 13시간 전
·
0개의 댓글
·

프로그래머스 js 멀리뛰기

프로그래머스 레벨2 문제이다. 효진이는 점프를 1칸 혹은 2칸 할수 있다. 임의의 숫자가 주어질때 뛸수있는 경우의 수를 리턴하면된다.

약 13시간 전
·
0개의 댓글
·

[React] accordion menu 만들기 -2

지난 번에 구현했던 acoordion menu를 수정했다.고치고 싶은 점지금 상태의 아코디언 메뉴는 선택했을 때 개별적으로 늘어나지만, 하나의 메뉴를 연 상태로 다른 메뉴를 클릭하면 원래 선택했던 메뉴는 닫고 클릭했던 메뉴를 열고 싶다. 이건 나중에 차차 고쳐나가보자.

약 14시간 전
·
0개의 댓글
·
post-thumbnail

코드스테이츠_S2U6_6,7W_금,화

오늘은 리액트의 핵심 State와 Props에 대해서 알아보겠다!

약 20시간 전
·
0개의 댓글
·

Class / Javascript

class

어제
·
0개의 댓글
·

[ 백준 ] 8949 대충 더해 [ js ]

강민이는 동생 희주를 위해 수학 문제를 만들고 있다. 희주는 매일 연습하고 열심히 공부했지만, 아직도 더하기를 끝내지 못했다.숫자를 더할 때, 오른쪽부터 왼쪽으로 가면서 숫자를 하나씩 더한다. 그런데 희주는 귀찮아서 "받아 올림"을 하지 않고 그냥 두 숫자의 합을 적어

어제
·
0개의 댓글
·
post-thumbnail

코드스테이츠_S2U5_6W_목

리액트의 꽃 SPA, 만드는데 도움되는 Router 라이브러리를

어제
·
0개의 댓글
·

콜백 함수의 스코프(+화살표 함수, this)

① 을 let a = 33; 으로 바꾸면 33, 2, 4, 4, undefined가 차례로 출력된다.화살표 함수 내부의 this

어제
·
1개의 댓글
·
post-thumbnail

[JS] Promise 직접 구현된 줄 알았지만, 실패한 이야기 // then 에 대하여

promise 추가 메서드 직접구현하기 특히 new Promise 없이 then을 구현해본다.

1일 전
·
1개의 댓글
·
post-thumbnail

JS | 바닐라JS로 위스타그램 클론코딩하기

📌목표: 바닐라 자바스크립트로 위스타그램 페이지 구현하기1\. 메인 페이지 레이아웃, 로그인 페이지 레이아웃2\. id, pw 입력 시 로그인 버튼 활성화 기능3\. id, pw validation4\. 댓글 내용 입력 후 Enter press, 혹은 게시 버튼 클릭

1일 전
·
0개의 댓글
·

JS - conditional

conditional : 조건문. → 문. 뒤에 바로 오는 소괄호()에는 조건이 들어간다. 혹은 를 리턴. 안의 코드는 조건이 를 반환할 때 실행된다. → ++ 연산자 : 1. = 논리 연산자 AND. 한 쪽이 면 조건 자체가 가 된다. = 논리 연산자 OR

1일 전
·
0개의 댓글
·

JS - return

return : 명령문은 1. 함수 실행을 종료하고, 2. 주어진 값을 함수 호출 지점으로 반환한다. 함수 본문에서 return 명령문에 도달하면 함수의 실행은 그 지점에서 중단된다(을 호출하는 지점에서 즉시 실행을 멈춤). 값을 제공한 경우 함수를 호출한 곳에 그

1일 전
·
0개의 댓글
·
post-thumbnail

React url 파라미터 가져오기(useParams)

useParams로 url 파라미터 가져오기

1일 전
·
0개의 댓글
·
post-thumbnail

cypress 10 E2E test 설치

cypress를 찾아서 들어오신 분들은 아마도 99.999% 는 자바스크립트를 어느정도 다 할 줄 아시는 분들이라 생각이 되어 설치법이 필요할까 싶습니다. 다만 블로그가 처음이다보니 연습삼아 적어보는 것도 있고 혹시 그냥 cypress 설치 라고 구글에 검색하시는 분들

1일 전
·
0개의 댓글
·
post-thumbnail

[프로그래머스] '튜플' 문제 자바스크립트 알고리즘

https://school.programmers.co.kr/learn/courses/30/lessons/76502셀수있는 수량의 순서있는 열거 또는 어떤 순서를 따르는 요소들의 모음을 튜플(tuple)이라고 합니다. n개의 요소를 가진 튜플을 n-튜플(n-tu

2일 전
·
0개의 댓글
·

JS weather

위치정보, 날씨api 사용

2일 전
·
0개의 댓글
·