- 전체보기(41)
- 프로그래머스(17)
- JavaScript(16)
- 코딩테스트(11)
- level 0(8)
- React(4)
- level0(3)
- git(3)
- 코테(3)
- react router dom(2)
- reactjs(2)
- 삼각형의 완성 조건(2)
- 연습문제(2)
- vite(2)
- CSS(2)
- 다음에 올 숫자(1)
- fee icon(1)
- scss(1)
- vercel vite path 404(1)
- article(1)
- section(1)
- VSC(1)
- react icon library(1)
- dir(1)
- 깃 브랜치 삭제 생성(1)
- reat router(1)
- 자연수 뒤집어 배열로 만들기(1)
- 피자 나눠 먹기(1)
- link active(1)
- 최대공약수(1)
- Location(1)
- 리액트쿼리(1)
- yarn(1)
- 연속된 수의 합(1)
- non-fast-forward(1)
- useNavigate props send(1)
- react hook 에러(1)
- react-query setting(1)
- 최댓값 만들기(1)
- 403error(1)
- navigate(1)
- css scroll(1)
- python(1)
- img(1)
- mkdir(1)
- 가장 큰 수 찾기(1)
- 프로젝트병합(1)
- 코테 공부(1)
- img onerror(1)
- navilink(1)
- 옷가게 할인 받기(1)
- error(1)
- .md(1)
- json(1)
- 컴포넌트와 모듈(1)
- axioserror(1)
- 잘라서 배열로 저장하기(1)
- 머쓱이보다 키 큰 사람(1)
- 7의 개수(1)
- fontawesome(1)
- 시멘틱태그(1)
- react-query(1)
- table padding(1)
- history(1)
- 네트워크란?(1)
- Sass(1)
- styled components(1)
- react img onError typescript(1)
- git branch(1)
- hook(1)
- CSR(1)
- SSR(1)
- 서버사이드렌더링(1)
- 클라이언트사이드렌더링(1)
- yarn start(1)
- 문자열 정렬하기(1)
- 모듈이란(1)
- clear(1)
- 최소공배수(1)
- querystring(1)
- refresh 404 error(1)
- Markdown(1)
- 마크다운(1)
- Table(1)
- k의 개수(1)
- CSS3(1)
- spa(1)
- Vercel(1)
- 서울에서 김서방 찾기(1)
- yarn install(1)
- 개인프로젝트git오류(1)
- useNavigate(1)
- json chrome viewer(1)
- yarn dev(1)
- react img 엑박(1)
- 컴포넌트란?(1)
- version 6(1)
- 레포지토리 클론(1)
- leve 0(1)
- ls(1)
- 터미널(1)
- typescript(1)
- git clone(1)
- 터미널 명령어(1)
- 문자열밀기(1)
- 종이 자르기(1)
- youtuveapi(1)
SPA 그리고 CSR, SSR
단일 페이지 어플리케이션.배포가 간단하고 네이티브 앱과 비슷한 사용자 경험을 제공한다.SPA는 최초 접근시 어플리케이션 구동에 필요한 정보를 한 번만 다운받는다. 새로운 데이터로 다른 페이지에 접근시 새로운 데이터만 다운받아 불필요한 트래픽을 감소시키고, 변경되는 부분
네트워크를 이해하며..
현재 2023년 1월 원티드 프리온보딩 챌린지를 진행하면서 많은 개발 문서와 좋은 블로그 글들을 공유받고 있다.그 중 굉장히 쉬운 설명과 필요성에 대해 얘기해준 블로그 글이 있어, 그 글을 읽고나서 이해한 바를 적어내려가본다.더 이상 프론트엔드 개발자는 서버, 네트워크
[Font Awesome v.6] React에서 Font Awesome 무료 아이콘 사용방법
개인 프로젝트를 진행하면서 가장 많이 쓰는 icon library는 Font Awesome이다.컴포넌트 형태로 쉽게 사용할 수 있다.크기와 애니메이션도 쉽게 적용 할 수 있다.svg형태로 렌더링, 다운로드가 가능하므로 다른 이미지 작업(favicon, 로고 만들기 등)
[TIL] Invalid hook call. Hooks can only be called inside of the body of a function component. & You might be breaking the Rules of Hooks
토이 프로젝트를 진행하면서 auth 관련하여 로그아웃 함수를 모듈로 분리하여 사용해야할 경우가 생겼다.하지만 콘솔 창에서 React Hooks must be called in the exact same order in every component render 라는 에러
컴포넌트와 모듈의 차이
웹 개발을 하다 보면 컴포넌트와 모듈이라는 단어를 많이 접하게 된다.나도 종종 쓰는 단어들이지만 정확히 이게 뭔지 설명하시오! 했을때 머릿속에서 정리가 잘되지 않아 글로 정리하고 기록해놓으려고한다.컴포넌트와 모듈은 재사용이 가능한 점에서 비슷한 점이 많다.또한 재사용이
[프로그래머스] Level 0 k의 개수 javascript
문제 링크 :https://school.programmers.co.kr/learn/courses/30/lessons/120887숫자를 문자열로 바꿔준다.바꾼 문자열을 찾을 문자열로 split()하여 문자열이 나눠지는지 확인한다.문자열을 나눠서 만든 배열의 길이
[프로그래머스] Level 0 삼각형의 완성조건(2) javascript
문제 링크 :https://school.programmers.co.kr/learn/courses/30/lessons/120868기준이 되는 숫자(큰 수 이거나 아니거나)를 하나 정해야하므로 내림차순으로 한 번 정렬해준다.0번째 요소가 가장 큰 수 일 경우의 수
[프로그래머스] Level 0 최댓값 만들기(1) (2) javascript
문제 링크 :https://school.programmers.co.kr/learn/courses/30/lessons/120847sort()로 내림차순 정렬해준다.정렬한 배열의 첫번째, 두번째 요소가 제일 큰 숫자이므로 둘을 곱해준다.문제 링크 :https&#x
[프로그래머스] Level 0 삼각형의 완성조건 (1) javascript
문제 링크 :https://school.programmers.co.kr/learn/courses/30/lessons/120889Math.max()로 배열의 최대 값을 찾는다.reduce()로 각 배열의 요소값을 모두 더한다.더한 값에서 최대 값을 뺀 값을 최대
[Vercel Vite Error 404] Vercel Vite 배포시 라우터 새로고침 404 에러
토이 플젝을 진행하면서 vercel로 항상 배포하는 상황에서, react-router-dom v6 Route path="/*" 를 모두 Home 페이지로 설정했는데도 불구하고 계속 404에러를 뱉는 현상이 나타났다. 🙄 [Vite project] 새로고침시 404
[프로그래머스] Level 1 최대공약수와 최소공배수 python3
문제 링크 :https://school.programmers.co.kr/learn/courses/30/lessons/12940최대공약수와 최소공배수의 이해두 숫자의 최대공약수를 먼저 구한다. 두 숫자를 계속 같은 수로 나누다보면 나머지가 0인 경우가 나오는데
[프로그래머스] Level 0 가장 큰 수 찾기 javascript
문제 링크 :https://school.programmers.co.kr/learn/courses/30/lessons/120899max() 메서드로 array에서 가장 큰 수를 찾는다.숫자는 중복이 없으므로 array에서 제일 큰 수의 index를 찾는다.
[프로그래머스] 연습문제 자연수 뒤집어 배열로 만들기
문제 링크 :https://school.programmers.co.kr/learn/courses/30/lessons/12932숫자를 문자열로 바꾼 후 array로 변경한다.sort() 반대인 reverse()를 사용해서 내림차순 해준다.각 요소를 가져와서 숫자
[프로그래머스] 연습문제 서울에서 김서방 찾기
문제 링크 :https://school.programmers.co.kr/learn/courses/30/lessons/12919array의 findIndex() 메서드를 사용하여 해당 요소가 "Kim"인 요소의 인덱스를 반환한다.
[프로그래머스] Level 0 문자열 정렬 하기(2)
문제 링크 :https://school.programmers.co.kr/learn/courses/30/lessons/120911문자열을 모두 소문자로 변경, array로 변경 후 sort()를 사용해서 정렬한다.정렬된 array는 다시 join()을 사용해서
[프로그래머스] Level 0 피자 나눠 먹기(1), (2), (3)
문제 링크 :https://school.programmers.co.kr/learn/courses/30/lessons/120814각자 최소 1조각씩 먹으면 되므로 인원 / 7 후 올림 해준다.문제 링크:https://school.programmers.c
[프로그래머스] Level 0 7의 개수
문제 링크 :https://school.programmers.co.kr/learn/courses/30/lessons/120912정규식으로 해당 문자열이 있는지 확인한다.math 메서드는 해당 문자열이 있으면 array로 반환해준다.
[프로그래머스] Level 0 잘라서 배열로 저장하기
문제 링크:https://school.programmers.co.kr/learn/courses/30/lessons/120913문자열을 하나씩 가져와서 n만큼 잘라준다.substr을 처음에 생각하긴 했는데 로직 구현이 어려워서 반복문으로 먼저 풀고 다른 사람 풀
[프로그래머스] Level 0. Javascript 머쓱이보다 키 큰 사람
원본 문제 링크 :https://school.programmers.co.kr/learn/courses/30/lessons/120585filter를 이용한 방법정렬 후 for문을 이용한 방법둘다 메모리를 잡아먹는거나 속도면에서 비슷하다. 골라서 사용하면 될 것
[프로그래머스] Level 0. Javascript 문자열 밀기
원본 문제 링크 :https://school.programmers.co.kr/learn/courses/30/lessons/120921문자열을 배열로 바꾸어 unshift(앞에 추가), pop(뒤에 제거)를 활용하여 A와 B를 비교한다.문자열을 배열로 바꾸지 않