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

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

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

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

children 한 줄 요약

얘는 뭐 쓸 때마다 햇깔리고 설명하기도 햇깔린다. 그래서 메모위 같을 때 prop로 필요한 아이콘 계속 추가 할 필요 없이으로 사용

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

useRef 사용 용도 및 방법 등 정리

useRef 검색 그마안 사실 자주 쓰지않고 특정상황에서만 쓰다보니 검색을 자주하게 되는데 이제 검색 그만하고 이거 보고 끝내려고 작성 useRef란 재랜더링 하지 않고 컴포넌트의 속성만 조회, 수정 하는 아이이며 dom을 직접적으로 선택하는 아이이다. useRef

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

[프로그래머스]소수 만들기

3개의 수를 더하는 for반복문을 만든 후 그 값의 참 거짓을 확인하는 prime함수를 만들어 파라미터 값으로 대입 후 트루일 경우 answer에 카운트를 추가하는 방식으로 해결

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

[프로그래머스]다트게임

우선 필요한 조건을 정리하자면 숫자인 경우와 영문S,D,T일 경우 \*,

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

[프로그래머스]두 개 뽑아 더하기

문제 풀이

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

줄바꿈 공백처리 white-space

오늘 업무 중 받아온 API 데이터가등으로 쭉 이어진 문장을 공백을 주어 나눠줘야하는 일이 있었다. 보자마자 split으로 나눠주려 했으나 이전에 사용했던 다른 분들의 코드를 보니 css중 white-space를 써서 사용한 것을 알게 되었고 참고하여 진행했다. 정말

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

[프로그래머스]예산

반복문을 이용하여 풀이

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

[프로그래머스]내적

내적 이라는 단어의 뜻이 가장 어려웠던 문제

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

[프로그래머스] 로또의 최고 순위와 최저 순위

우선 sort로 정렬 후 반복문을 이용할 생각을 했었는데 조금 더 생각해보니 filter라는 좋은 메서드가 떠올라 filter를 사용하려 했다. 이후 여러 방법을 생각하다 마지막 return 값을 if문으로 나열했지만 너무 지저분 했고 다른 분들의 생각을 참고 후 수정

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

[프로그래머스] 모의고사

문제 풀이 간단한 배열문제이지만 생각할 것이 많았다.

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

[프로그래머스] 완주하지 못 한 선수

문제 풀이 문제적으로 주어진 조건이 너무 좋았기에 쉽게 풀 수 있었다. 만약 정렬을 바꿀 수 있는 상황이거나 완주를 못한 사람이 1명이 아니거나 했을 경우 다르게 생각해야 할 것 같다. 처음에는 set을 생각했지만 조건을 자세히보니 간단히 해결가능 할 것 같아 for문

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

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

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

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

HTML 시멘틱 태그와 자주 쓰는 태그 정리

단어를 해석하면 의미가 있는 태그라는 말인데 우리가 물을 마실 때 후라이팬에 물을 마시는 것이 아니라 컵에 물을 마시듯 모든 사물들이 각자의 의미가 있는 것 처럼 HTML태그에도 각자의 의미가 있다. 즉 HTML에서도 제목을 작성한다 가정했을 때 div나 span태그의

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

[프로그래머스]K번째수

풀어서 적어볼 경우여기서 commands가 가진 배열의 수만 큼 반복하면 되기에 반복문을 이용하면 된다.해결!

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

2022년 4월이 지나가 부렸다(회고록)

어느덧 입사한지 1달이 지났다. 디자이너와의 협업도 진행해보고 프로덕의 기능도 하나 개발해보고 지금은 하나의 프로덕을 Next.js로 새롭게 구축하는 중이다. 이번 분기의 목표인데 처음엔 개발도 하면서 이쁜 코드도 신경쓰고 최적화도 신경쓰고 할랬는데 기한에 맞춰야하다보

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

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

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

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

getServerSideProps와 getStaticProps

데이터가 필요한 페이지에서 빌드시점에 HTML을 정적으로 생성하고 싶으면 getStaticProps, getStaticPaths를, 서버요청(페이지 접근) 때마다 서버측에서 HTML을 매번 동적으로 생성하고 싶으면 getServerSideProps 메서드를 사용하면 된

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

모질라 파이어폭스 CSS style guide

CSS 속성은 보통 편한대로 적을 수 있다. 하지만 여러 사람이 같이 작업하는 경우 작성해 둔 CSS 를 보면 속성을 찾느라 시간이 소모되곤 한다. 이런 점을 보완하기 위해 모질라에서 제안한 CSS 작성 순서가 있어 메모하려 한다.위치 선정 > 윤곽 > 외곽 디테일링

2022년 4월 18일
·
0개의 댓글