profile
쿼카에요
태그 목록
전체보기 (146)프로그래머스(41)React(41)코딩테스트(25)(24)next(14)js(13)vue(11)CSS(10)nuxt3(10)style(6)url(6)알고리즘(5)정규식(5)반응형(4)indexOf(4)cypress(4)useRouter(4)link(4)input(4)html(4)useEffect(3)as(3)router(3)데이터 바인딩(3)함수(3)styled components(3)Route(3)replace(3)useRef(3)Props(3)useCallback(3)split()(3)todoList(3)v model(3)문자열(3)백준(3)날짜(2)DFS(2)repeat(2)reduce(2)Math.min(2)filter(2)set(2)navigate(2)includes()(2)regex(2)&&(2)최솟값(2)type(2)await(2)@media screen(2)문자열반복(2)최소공배수(2)should(2)BFS(2)반복(2)click(2)List(2)vue3(2)defineProps(2)npm(2)proptypes(2)객체(2)React.memo(2)Math.sqrt()(2)scss(2)axios(2)쿼리스트링(2)checkbox(2)getServerSideProps(2)defaultProps(2)async(2)return(2)localeCompare(1)a태그(1)라이브러리(1)vue.config.js(1)radio(1)프로퍼티(1)lint(1)object-fit(1)transform(1)타겟 넘버(1)navlink(1)className(1)react router dom(1)약수의 갯수(1)lifecycle(1)타입단언(1)Cache(1)include(1)notfound(1)소수찾기(1)컴포넌트(1)yarn(1)jsconfig(1)vue.js(1)Index(1)react-icons(1)파일업로드(1)refetch(1)연산자(1)비밀지도(1)DP(1)create-next-app@latest(1)beforeunload(1)custom app(1)parseInt(n)(1)주의점(1)head(1)404(1)괄호 회전하기(1)Dispatch(1)computed(1)튜플(1)notification API(1)매개변수(1)객체-비구조할당(1)meta 태그(1)Document(1)뉴스 클러스터링(1)ts(1)자식(1)useState(1)JOIN(1)react.strictMode(1)templete(1)경로(1)Sidebar(1)globals.css(1)fixed(1)n진법(1)fadeIn()(1)unmount(1)match(1)페이지이동(1).prettierrc(1)package.json(1)ref(1)class(1)network(1)문자개수(1)예상 대진표(1)change(1)qeury(1)Flex(1)useParams(1)클래스형 컴포넌트(1)문법(1)rel(1)타입스크립트(1)Prettier(1)String.fromCharCode()(1)react-virtualized(1)API_KEY(1)reducer(1)method(1)시작(1)charCodeAt(1)layout(1)pointer-events(1)비트or연산자(1)프린터(1)outline(1)공백(1)비트연산자(1)압축(1)-D(1)파라미터(1)핸드폰번호(1)pathname(1)scroll(1)정보 숨기기(1)양방향 데이터 바인딩(1)v-bind(1)mount(1)중복제거(1)default(1)z-index(1)abs(1)부분 수열(1)v-for(1)Rule(1)placeholder(1)regex.test(1)문자열변경(1)next.config(1)webpackPreFetch(1)key(1)select(1)watch(1)로그인 여부(1)타입(1)padEnd()(1)스타일(1)문자열sort(1)disabled(1)즉시 실행 함수(1)mouseleave(1)useMemo(1)useReducer(1)Sort(1)중첩 라우터(1)global(1)@Target(1)toString(n)(1)Outlet(1)defineemits(1)2진법(1)Sass(1)소수(1)부모(1)Number.isInteger()(1)가우스(1)정수(1)button(1)hook(1)중복(1)부드럽게 나타나기(1)border(1)white space(1)NewsApi(1)CSR(1)SSR(1)렌더링(1)뒤집기(1)성능향상(1)splice(1)이중배열(1)실패율(1)defineExpose(1)classnames(1)not found(1) (1)에러(1)transition(1)유클리드 호제법(1)reverse(1)max(1)opacity(1)점프(1)합의 개수(1)폴더 구조(1)setState(1)세 개의 숫자 더하기(1)Fetch(1)사이프레스(1)순간이동(1)ReactDom.redner(1).babelrc(1)display(1)module.css(1)nextId(1)접근막기(1)useLocation(1)변경(1)app(1)(1)행렬의 곱셈(1)redirect(1)바인딩(1)onClick(1)JSX(1)--save(1)toggle(1)시저암호(1)slice(1)삭제(1)변환(1)변수(1)2진수(1)useNavigate(1)svg(1)의존성(1)Math.max()(1)Map(1)Cleanup(1)썸네일(1)regexp(1)v-on:click(1)바닥잘림(1)iframe(1).env(1)최댓값(1)new Date(1)중첩(1)title(1)연속 숫자 제거(1)구글지도(1)배열 자르기(1)npm i(1)부족한금액(1)min(1)set.size(1)시간(1)최소공약수(1)latest(1)navbar(1)rewrite(1)emit(1)절대경로(1)대소문자(1)헤더(1)padStart()(1)이벤트(1)isRequired(1)생명주기(1)scope(1)git(1)useSearchParams(1)typescript(1)min-height(1)git clone(1)-g(1)최적화(1)독립(1)문자열비교(1)더하기(1)삼중for문(1)Event(1)keyup(1)server side rendering(1)nextjs(1)Client Side Rendering(1)함수형(1)위장(1)cors(1)storeToRefs(1)component(1)pinia(1)position(1)math(1)3진법(1)propType(1)가우스공식(1)요일계산(1)promise(1)formData(1)import(1)중앙정렬(1)visibility(1)WILDCARD(1)(1)차이(1)absolute(1)API(1)링크(1)webpackChunkName(1)forEach 멈추기(1)

[프로그래머스] 다리를 지나는 트럭(이중 배열로 다리 지나는 시간 풀이)

길이 만큼의 배열을 만들고 트럭이 없으면 0으로 채워요total보다 작으면 트럭 집어 넣고, 아니면 0 집어넣어요맨 앞 트럭 다 지나갈 때까지 기다려줘요!한 칸씩만 진행되어 트럭이 들어갈 수 없을 때 시간 허비가 커요time을 컨트롤 하는 닥터스트레인지time = qu

3일 전
·
0개의 댓글
·

[프로그래머스] 2 x n 타일링 (DP)

계산해보면 알겠지만 이 문제는 사실 피보나치에요....몇 개 그려볼걸...1개일 때는 한 가지 2개일 때는 두 가지니까 첫 배열에 넣어줘요그 이후 DP를 이용한 풀이를 보여주는데 역시 저는 bottom-up이 더 깔끔해서(사실 재귀함수는 아직 어려워서^^) 반복문으로

4일 전
·
0개의 댓글
·

[프로그래머스] 게임 맵 최단거리 (BFS)

최단거리는 BFS로 푼다!!!!!!!!!!!!!!암기암기암기암기while 조건으로 queue길이가 0일 때다음으로 지나갈 곳이 없으면 queue.push가 발생하지 않아 queue는 텅텅 비어요shift를 이용하면 두 갈래 길이 나와 갈라지더라도 각각 한 번씩 진행돼요

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

[정규식] match에서 괄호로 묶인 정규식

위에서 검증한 문자열은 'img12.png'정규식이 위처럼 괄호로 묶여있으면 전체가 일치하는 결과를 먼저 반환하고(img12.png) 그 후 괄호로 묶인 친구들(img, 12, .png)를 뒤에 반환해요예시

6일 전
·
0개의 댓글
·

[HTML] 태그 내 사용할 수 없는 특수문자를 대체하는   & < > " # '

html에서 스페이스바나 탭으로 공백을 만들면 아무리 많이 써도 한 칸만 인정해요 을 사용하면 사용한 만큼 공백이 생겨요!특수문자 &부등호<와 >쌍따옴표 "특수문자 \`\`\`작은 따옴표https://inpa.tistory.com/entr

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

[프로그래머스] 땅따먹기 / 동적 프로그래밍(DP) /

큰 계산을 작은 계산들로 쪼개서 푸는 방법이라고 이해했어요!피보나치나 DFS에서 재귀함수로 풀다보면 fibonacci(3)을 몇 번씩이나 계산하는 불상사가 생겨요! 이해가 안 가신다구요? 당여하죠 저도 이해를 겨우 해서 여기에 쓰는데 이글이 이해가 갈리가 없죠 ㅎㅎㅎ암

2023년 3월 15일
·
0개의 댓글
·

[프로그래머스] 압축

사실 못 풀었다^\_^재귀함수로 기깔나게 풀려고 했는데 무한루프가 걸리고 왜 무한루프인지 루돌프인지 정신이 나갈 것 같아 힌트를 얻었어요!reduce를 잘 사용하시네....저는 reduce와 아직 어사라 조금씩 친해지는 시간을 가져볼게요acc + cur이 딕셔너리에 없

2023년 3월 7일
·
0개의 댓글
·

[Cypress] async/await가 안 먹는 then에서 Promise로 함수 return 시키기

함수 내에서 변수를 선언then을 이용해 값 할당변수들 return결과 undefined 나옴...비동기 때문이구나 싶어서 async await 활용(나도 이제 비동기 따위 쉽게 해결하는 고수인가?)undefined....then 안에 return을 넣으면 되잖아!!(

2023년 3월 4일
·
0개의 댓글
·

[정규식] 같은 단어 반복을 나타내는 정규식

처음에 괄호없이 \\w를 썼더니 안 돼서 괄호를 넣어주기!\\1을 사용하면 1번 반복을 뜻해요! 그럼 2번 반복이면 \\2인가 하고 해봤더니 바로 입밴..{n}은 몇 번 나와야한다는 졍규식이에요{1, 2} 1번 이상 2번 이하, {3,} 3번 이상여기서 (\\w)\\1

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

[JS] new Date()를 이용해 날짜 구하기

일단 getFullYear, getMonth, getDate를 이용해 각 날짜를 구해요!원하는 날짜 만큼 빼거나 더하면 겁나 편해 date가 0이면 month를 하나 빼주는 등 계산 직접 해줘요. 세상 진짜 편해졌다...뒤에 toLocaleDateString()을 쓰면

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

[Cypress] should('have.text')와 should('include.text')의 차이

have? 가지다 아니에요? 그럼 포함만 해도 합겨...절대 아니에요!!! have는 엄격하게 딱 작성한 text나 value와 정확히 일치해야 합격이에요포함하고 있으면 불합격이에요!include 많이 익숙하쥬??ㅎㅎㅎinclude는 적은 내용이 포함!!! 포함!!!!

2023년 3월 4일
·
0개의 댓글
·

[Cypress] then을 이용해 찾는 요소의 존재 여부 확인

cy.get()으로 원하는 엘리먼트를 얻고 보통 invoke를 사용해요그런데 그런 과정 없이 바로 then을 사용하고, 매개변수를 넣어주면 get()에 쓴 요소들이 배열로 나와요! 따란따란따라라라라라나!!!!그 요소들의 길이를 확인했을 때 1 이상이면 존재!0이면 존재

2023년 3월 4일
·
0개의 댓글
·

프론트엔드 개발자라면 반드시 알아둬야 할 32가지 UI 요소

https://velog.io/@oneook/%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C-%EA%B0%9C%EB%B0%9C%EC%9E%90%EB%9D%BC%EB%A9%B4-%EB%B0%98%EB%93%9C%EC%8B%9C-

2023년 3월 4일
·
0개의 댓글
·

[Nuxt3] API Key 없이 iframe으로 구글 지도 넣기

frameborder: 테두리 없애기!!!!!scrolling: no로 설정하여 쓸데없는 스크롤 없애기margin: 말 그대로 여백의 미src: 구글 지도에 좌표 찍으면 나오는데 대충 위도 경도 기타 등등이 들어있어요.구글 행님이 도움을 주면 다 가능하다아아구글 지도에

2023년 3월 4일
·
0개의 댓글
·

[프로그래머스] 타겟 넘버(feat. DFS)

어떤 알고리즘인지도 알고, 코드도 아는데 활용을 어떻게 하는지 항상 몰랐어요! 하지만 이제 알았쬬오오오오오!!! 이 문제 솔직히 못 풀었는데 배웠다는 것만으로도 구글이 바라는 인재가 아닐까요?^\_\_^깊이우선 탐색은 root 노드부터 시작해 왼쪽 끝까지 들어갔다가 올

2023년 2월 25일
·
0개의 댓글
·

[프로그래머스] 연속 부분 수열 합의 개수

첫 for는 더할 길이두 번째는 시작할 자리세 번재 포문은 더할 요소들성공은 했으나 3중 포문부터 이미 겁나 찝찝하죠?이거를 펼쳐서 한 줄 더 합치면...이중 포문으로 해결 가능3중 포문일 때는 한 자리씩 더할 때! 두 자리씩 더할 때! 였는데 여기서는 시작자리를 기준

2023년 2월 25일
·
0개의 댓글
·

[프로그래머스] [1차] 뉴스 클러스터링

진짜 정석 루트대로 갔어요!! 정석 맞나? 변수 겁나 많은거 봐 우웩소문자로 만들고! 2개 씩 자르고! 영어만 남기고! 중복인 애들 몇 개 있나 찾고! 그 외 기타 등등진짜 멋있는 건 나 함수를 사용해 버렸어요!ㅎㅎㅎㅎ 반복이 많아서 함수로 리팩토링까지 했어요그렇게 해

2023년 2월 25일
·
0개의 댓글
·

[프로그래머스] 프린터

사실 이 문제는 손도 제대로 못 댄 문제다!!!! 하지만 기 죽지 않고 열심히 풀이해보겠다!!!이 풀이 만든사람 진심 아인슈타인인가요? location을 돌려버릴 생각을 하시네...각 요소가 최댓값인지 확인 후 location이 0일 때 총 횟수를 반환해요그리고 돌 때

2023년 2월 25일
·
0개의 댓글
·

[JS] 함수를 매개 변수와 일반 변수로 받을 때 값이 다르게 변한다? 놀랍다 스코프

scope에 대한 개념을 생각해야한다는데 내가 강의를 하나도 안 들을 때도 스코프 만큼은 이해하고 넘어갔다 생각했거든요?역시 비공부시즌 내가 제대로 들었을리가 없죠ㅎㅎㅎ매개변수로 아무리 전역변수를 받아 값을 변경한다해도 매개변수는 해당 함수 안에서만 적용되네?아래 pl

2023년 2월 25일
·
0개의 댓글
·

[CSS] z-index로 화면 레이어 조정하여 안 보이게 하기 & 맨 앞에 보이기

화면의 요소들의 레이어를 지정해줌값이 클 수록 앞에 나타남body 뒤로 홀랑 들어가버리는 것 같다.display: none으로 지정하면 trasition 안 먹을 때 있는데 z-index로 해도 좋을 듯?

2023년 2월 25일
·
0개의 댓글
·