profile
쿼카에요
태그 목록
전체보기 (141)React(41)프로그래머스(38)코딩테스트(25)(24)next(14)js(13)vue(11)nuxt3(10)CSS(10)url(6)style(6)정규식(5)알고리즘(5)input(4)cypress(4)반응형(4)indexOf(4)useRouter(4)link(4)useEffect(3)todoList(3)Route(3)styled components(3)useCallback(3)replace(3)html(3)split()(3)useRef(3)Props(3)함수(3)as(3)router(3)문자열(3)백준(3)데이터 바인딩(3)v model(3)axios(2)쿼리스트링(2)checkbox(2)scss(2)repeat(2)getServerSideProps(2)날짜(2)defaultProps(2)async(2)return(2)set(2)navigate(2)includes()(2)regex(2)&&(2)type(2)최솟값(2)filter(2)@media screen(2)await(2)최소공배수(2)Math.min(2)문자열반복(2)should(2)reduce(2)click(2)vue3(2)반복(2)defineProps(2)List(2)proptypes(2)npm(2)객체(2)DFS(2)Math.sqrt()(2)React.memo(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)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)-D(1)파라미터(1)핸드폰번호(1)pathname(1)scroll(1)정보 숨기기(1)양방향 데이터 바인딩(1)Cleanup(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)BFS(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)defineExpose(1)classnames(1)not found(1)에러(1)transition(1)유클리드 호제법(1)reverse(1)v-bind(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)max(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)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)
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개의 댓글
·
post-thumbnail

[리액트를 다루는 기술] fixed된 헤더 아래부터 게시물 보이게 하기(feat: Spacer)

fixed를 사용하면 스크롤을 내려도 화면 상 고정한 곳에 위치다른 게시물을 가릴 수 있음Header의 children으로 Wrapper가 있는데 높이가 4remHeaderBlock이 끝나고 존재하는 공간 창출 컴포넌트Header를 넣고 그 아래 게시물을 작성했다.He

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

[프로그래머스] n^2배열 자르기

저는 사실 이중배열 만들고 이중 for문을 이용해 배열 숫자 다 적어줬어요ㅎㅎ 근데 런타임 에러시간초과가 아니고 런타임 에러였지만 당황하지 않았어요바로 원하는 구간만 넣었는데 런타임에러^\_\_^몇 개는 맞고 몇 개는 런타임 에러면 나보고 어째(0, 0) (0, 1)

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

[프로그래머스] 튜플

전 예전부터 리듀스 사용이 그렇게 어렵더라고요하지만 이거 알면 줄 길어질 거 한 줄에 해결 가능하고 for 다음 수준으로 reduce 겁나 빨라 우사인볼트야 그냥forEach에서 if 쓸 때부터 뭔가 찝찝했는데 어째 내 뇌 용량이 저기까지인걸ㅎㅎㅎreduce를 보고 바

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

[프로그래머스] 위장

이 방법 알아야해!!!!난 항상 if문 써서 값 없으면 1 넣곤 했는데 이걸 한 줄에 넣을 수 있네 진짜 난리난리나객체로 값 카운트 할 때ans안녕 난 객체 프로퍼티야 = (ans안녕 난 객체 프로퍼티야 || 0) + 1위 처럼 하면 값 없다? 그럼 0+1이고 있으면

2023년 2월 21일
·
0개의 댓글
·
post-thumbnail

[CSS] 화면을 position: absolute로 꽉 채우기 & letter-spacing으로 글자 좌우로 나란히

이게 부모 요소에 relative가 없어야 돼요! 그러면 body에 찰싹 붙겠죠?근데 좌 우 위 아래 다 0을 주면서 이쪽으로 오라고 유혹해요!!! 난 한 명도 없는데 4명 씩이나ㅠㅠㅠ결국 이곳 저곳에서 다 불려진 요소는 능지가 처참해지며 화면을 꽉 채우게 됐답니다!!

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