profile
프론트앤드에 초집중, 사실 너무 재밌어서 즐기는 중
post-thumbnail

onClick 우선순위 설정, 컨트롤 (e.stopPropagation,e.preventDefault)

onClick 이벤트를 만들어주다 이런 경우가 있었다. 이런 경우 태그이동을 하려해도 당연히 상위에 onClick 이벤트 때문에 페이지 이동 함수가 실행되었다. 이를 해결하기 위해 찾은 것이 e.stopPropagation()이고 찾은 김에 e.preventDefau

2022년 7월 21일
·
0개의 댓글
·
post-thumbnail

배열 특정 값 포함,중복 여부 체크

includes 메서드는 배열이 특정 요소의 포함 여부를 판별첫 인자값에는 탐색할 요소를 보내며두번째 인자값에는 탐색을 시작할 위치를 보낸다. (기본 값 0)indexOf 메서드는 배열에서 특정 요소를 찾을 수 있는 첫 번째 인덱스를 반환하고 존재하지 않으면 -1을 반

2022년 6월 12일
·
0개의 댓글
·
post-thumbnail

JS 깔끔한 코드 작성을 위한 몇가지 문법(nullish-coalescing, object-destructuring, spread-syntax-object)

이런 경우이렇게 이쁘게 코드정리 가능 위의 경우 디폴트 파라미터와 약간은 다르다.디폴트 파라미터는 nudefined의 경우에만 값이 할당되며Nullish coalescing의 경우는 null과 undefined 둘 다에 대해 값이 할당 된다.즉 Nullish coale

2022년 5월 8일
·
0개의 댓글
·
post-thumbnail

[프로그래머스]나누어 떨어지는 숫자 배열

문제 풀이 해야 할 것은 배열의 정렬과 나머지값이 0인 값만 남겨놓기, 우선 sort로 오름차순 배열을 한 후 if문을 이용하여 값을 뽑아내서 answer에 넣었다. 이 때 만족값이 없는 경우 answer =[]이 되기에 answer.length == 0 인 값에 -1

2022년 4월 24일
·
0개의 댓글
·
post-thumbnail

[프로그래머스]같은 숫자는 싫어

문제 풀이 반복문을 이용하여 배열의 두 숫자를 비교하여 숫자가 같지 않을 때만 answer이라는 변수에 값을 넣어주는 함수를 생각했다.

2022년 4월 17일
·
0개의 댓글
·
post-thumbnail

[프로그래머스]문자열 내 마음대로 정렬하기

sort()함수를 이용하여 처음에 기본적으로 정렬을 한 번하고 나서 기준을 세워 정렬했다.\-1을 리턴하는 것은 오름차순, 1을 리턴하는 것은 내림차순이다. 같을 때는 0을 리턴한다.

2022년 4월 16일
·
0개의 댓글
·
post-thumbnail

[프로그래머스]정수 제곱근 판별

숫자의 제곱근을 찾는 함수 Math.sqrt()\*\*는 제곱

2022년 4월 16일
·
0개의 댓글
·
post-thumbnail

[프로그래머스]가운데 글자 가져오기

이거 사실 slice나 substring 썼으면 더 간단 했을 것 같은데 별 생각없이 스윽 풀어버린 것 같다.항상 무언가를 더 추가하기 보단 기존 기능을 이용하여 깔끔한 코드를 구상하도록 노력하자

2022년 4월 9일
·
0개의 댓글
·
post-thumbnail

[프로그래머스]2016년

처음 떠오른 것은 if나 for을 이용한 풀이 방식이었으나 좀 더 간단한 방법이 있을 것 같아 고민 후 풀이했다.

2022년 4월 9일
·
0개의 댓글
·
post-thumbnail

[프로그래머스]두 정수 사이의 합

if문과 for 반복문을 이용하여 풀었다.

2022년 4월 7일
·
0개의 댓글
·
post-thumbnail

[프로그래머스]문자열 다루기

처음엔 Number(s)의 콘솔을 찍어보니 문자가 섞인 경우 당연히 NaN이 출력되는 것을 보고 이렇게 문제를 풀었으나 11번에서 통과를 하지 못했다. 아마 구글링을 통해 찾아보다보니 소수의 문제 일 것같아 parseInt를 이용하여 문제를 풀었다.

2022년 4월 3일
·
0개의 댓글
·
post-thumbnail

[프로그래머스]문자열 내 p와 y의 개수

문자열을 소문자로 바꿔준 후 문자열 내의 p와 y의 갯수를 기록하는 변수를 만들어 두 변수의 값을 비교하여 풀이했다.풀이 제출 후 다른 풀이를 보는데 이렇게 split을 이용하여 바로 확인하는 방법도 있었다. 좀 더 생각했으면 짧게 끝낼 수 있겠다 생각했다.

2022년 3월 27일
·
0개의 댓글
·
post-thumbnail

[프로그래머스]문자열 내림차순 배치하기

문자열을 정렬하는 sort를 이용하여 문제를 풀었다.split('')으로 문자를 한글자씩 나눈 후 배열을 만들고 그 배열을 sort().reverse()를 해서 내림차순 정렬을 한 후 join('')으로 다시 하나의 문자로 합쳐줬다.

2022년 3월 23일
·
0개의 댓글
·
post-thumbnail

[프로그래머스] 문자열을 정수로 바꾸기

문제 풀이 문제 덜 낸게 아닌가...정말 이게 끝이야..? 완료

2022년 3월 22일
·
0개의 댓글
·
post-thumbnail

객체란 무엇인가?

하나의 변수에 여러 속성을 저장할 수 있도록 해주는 자바스크립트의 참조형 데이터 타입 중 하나이다.자바스크립트는 객체 기반의 프로그래밍 언어이며, 원시 값을 제외한 나머지 값(함수,배열,정규 표현식 등)은 모두 객체이다.객체는 0개 이상의 프로퍼티로 구성된 집합이며,

2022년 3월 22일
·
0개의 댓글
·
post-thumbnail

[프로그래머스]약수의 합

약수가 뭔지 정확하게 기억나지 않아 약수 개념부터 찾았었다...머쓱..초등학교 5학년 교과서에서 말하길약수란,어떤 수를 나누어떨어지게 하는 수를 그 수의 약수라고 합니다.8을 1, 2, 4, 8,로 나누면 나누어떨어집니다.1, 2, 4, 8은 8의 약수입니다.그렇다면

2022년 3월 19일
·
0개의 댓글
·
post-thumbnail

비구조화 할당/구조분해 할당에 관하여

비구조화 할당이란 배열이나 객체의 속성을 해체하여 그 값을 각각 변수에 담을 수 있게 하는 javascript의 표현식이다. 즉 배열[],혹은 객체{} 안의 값을 편하게 꺼내 쓸 수 있는 문법이다. 기본 문법 기본값 할당 비구조화의 범위를 벗어나는 값 할당을 시도하면

2022년 3월 17일
·
0개의 댓글
·
post-thumbnail

[프로그래머스]이상한 문자 만들기

처음에는 이런식으로 문제를 풀었다.단어 s를 split으로 분리 후 분리한 split를 map 메서드를 사용하여 key값을 주고 돌린 후 if문을 이용하여 key값을 2로나눠 나머지가 0일 때는 대문자, 아닐 땐 소문자로 구성했으나 제출을 하니 틀렸다는 답이 나왔다.

2022년 3월 15일
·
0개의 댓글
·
post-thumbnail

async와 await

async 와 await는 자바스크립트의 비동기 처리 패턴 중 하나입니다. 기존 콜백 함수와 프로미스의 단점을 보완하고 쉽게 사용할 수 있게 해주는 문법입니다. 위에 말했듯이 async와 await는 말그대로 쉽게 사용하게 도와주는 문법입니다.위 같은 함수 logNam

2022년 3월 8일
·
0개의 댓글
·