프로그래머스 접미사인지 확인하기 자바스크립트 알고리즘 풀이
문제 문제 링크
Posts by Tag
- algorithm 52
- JS 52
- programmers 49
- vue 6
- minimal-mistakes 4
- blog 4
- Frontend 3
- 면접 3
- React-Query 2
- 문법 2
- test 1
- WIL 1
- Axios 1
- TypeScript 1
- 이력서 1
- ruby 1
- 인사이트 1
- 합격 1
- mac 1
- vue3 1
- Javascript 1
- UI 1
- python 1
algorithm
프로그래머스 n보다 커질 때까지 더하기 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 공백으로 구분하기 1 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 뒤에서 5등까지 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 접두사인지 확인하기 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 카운트 업 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 카운트 다운 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 n 번째 원소부터 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 n개 간격의 원소들 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 문자열 바꿔서 찾기 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 첫 번째로 나오는 음수 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 부분 문자열인지 확인하기 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 주사위 게임 1 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 소문자로 바꾸기 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 rny_string 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 문자열 정수의 합 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 0 떼기 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 꼬리 문자열 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 수 조작하기 1 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 공배수 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 n 번째 원소까지 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 정수 찾기 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 문자열을 정수로 변환하기 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 문자열 붙여서 출력하기 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 문자열의 뒤의 n글자 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 뒤에서 5등 위로 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 세균 증식 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 제곱수 판별하기 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 중앙값 구하기 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 짝지어 제거하기 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 배열의 유사도 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 올바른 괄호 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 순서쌍의 개수 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 옷가게 할인 받기 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 숫자의 표현 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 짝수는 싫어요 자바스크립트 알고리즘 풀이
문제 문제 링크
2023-10-07 TIL
오늘 한 일 프로그래머스 알고리즘 풀이 lv.0 숨어있는 숫자의 덧셈 (1) lv.0 짝수는 싫어요 lv.2 숫자의 표현 수요일에 진행했던 면접의 내용 정리 및 피드백을 마쳤다. 새로 구입한 맥북의 기본 설정… ...
2023-10-06 TIL
오늘 한 일
2023-10-04 TIL
오늘 한 일
JS
Window.getComputedStyle이란?
Window.getComputedStyle() 브라우저에 그려진 엘리먼트의 스타일을 객체로 반환해주는 메서드이다. Window.getComputedStyle() 메소드는 인자로 전달받은 요소의 모든 CSS 속성값을 담은 객체를 회신합니다. (출처: MDN) 사용하는 예시는 아...
Object.values() : 객체 내 값을 배열로 변경하기
Object.values() values()는 JS의 내장 객체 Object가 갖는 정적 메서드 중 하나다. 인자로 열거 가능한(enumarable) 객체를 받으며, 인자로 들어온 객체 내 속성의 값들로 이루어진 배열을 리턴한다. 이때 배열 내 값 순서는 객체의 속성을 for i...
js의 속성 설명자(PropertyDescriptor)
자바스크립트 객체의 속성 설명자 (property descriptor)
프로그래머스 접미사인지 확인하기 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 n보다 커질 때까지 더하기 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 공백으로 구분하기 1 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 뒤에서 5등까지 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 접두사인지 확인하기 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 카운트 업 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 카운트 다운 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 n 번째 원소부터 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 n개 간격의 원소들 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 문자열 바꿔서 찾기 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 첫 번째로 나오는 음수 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 부분 문자열인지 확인하기 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 주사위 게임 1 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 소문자로 바꾸기 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 rny_string 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 문자열 정수의 합 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 0 떼기 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 꼬리 문자열 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 수 조작하기 1 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 공배수 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 n 번째 원소까지 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 정수 찾기 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 문자열을 정수로 변환하기 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 문자열 붙여서 출력하기 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 문자열의 뒤의 n글자 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 뒤에서 5등 위로 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 세균 증식 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 제곱수 판별하기 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 중앙값 구하기 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 짝지어 제거하기 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 배열의 유사도 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 올바른 괄호 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 순서쌍의 개수 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 옷가게 할인 받기 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 숫자의 표현 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 짝수는 싫어요 자바스크립트 알고리즘 풀이
문제 문제 링크
programmers
프로그래머스 접미사인지 확인하기 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 n보다 커질 때까지 더하기 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 공백으로 구분하기 1 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 뒤에서 5등까지 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 접두사인지 확인하기 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 카운트 업 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 카운트 다운 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 n 번째 원소부터 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 n개 간격의 원소들 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 문자열 바꿔서 찾기 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 첫 번째로 나오는 음수 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 부분 문자열인지 확인하기 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 주사위 게임 1 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 소문자로 바꾸기 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 rny_string 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 문자열 정수의 합 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 0 떼기 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 꼬리 문자열 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 수 조작하기 1 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 공배수 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 n 번째 원소까지 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 정수 찾기 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 문자열을 정수로 변환하기 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 문자열 붙여서 출력하기 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 문자열의 뒤의 n글자 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 뒤에서 5등 위로 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 세균 증식 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 제곱수 판별하기 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 중앙값 구하기 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 짝지어 제거하기 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 배열의 유사도 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 올바른 괄호 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 순서쌍의 개수 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 옷가게 할인 받기 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 숫자의 표현 자바스크립트 알고리즘 풀이
문제 문제 링크
프로그래머스 짝수는 싫어요 자바스크립트 알고리즘 풀이
문제 문제 링크
vue
Vue UI 컴포넌트: 상하 스크롤을 따라다니는 플로팅 컴포넌트 만들기 (추가 라이브러리 X)
플로팅 컴포넌트 만들기 상하 스크롤을 쫓아오는 플로팅 메뉴를 만들어야 했다. 해당 기능을 또 쓸 일이 있을 것 같아, 플로팅 기능만 유틸처럼 떼놓은 형태의 컴포넌트를 만들기로 결정했다. 현재는 위치를 디테일하게 정하는 기능 없이, 일단 스크롤을 따라다니는 기능만 만들어본다. (Vu...
Vue 문법 : v-if/v-else & v-for 디렉티브
vue에서 조건부 렌더링이나 반복 렌더링을 할 때는 특정 디렉티브를 사용한다.
Vue 문법 : 싱글 파일 컴포넌트
Vue의 컴포넌트 Vue에서도 리액트와 마찬가지로 컴포넌트 개념이 있다. 구조 또한 유사한데, 컴포넌트들을 조합하여 하나의 앱이 만들어지는 트리 형태이다.
Vue 문법: 부모-자식 컴포넌트간 데이터 전달하기 (props)
Vue의 props 전달 방법
Vue 개발 환경 세팅하기
vue 기본 개발 환경 세팅하기 vue 기반으로 개발하려면 몇 가지 세팅이 필요하다. 밑에 기록한 내용은 아무런 추가 패키지 없이 기본 프로젝트만 생성하는 방법이다.
Vue 문법 : 데이터 바인딩
vue의 데이터 바인딩 방식 vue에서 데이터나 JS 표현식을 삽입할 때는 크게 두 가지 방식을 사용할 수 있다. 템플릿 문법 `` 디렉티브 (‘v-‘ 형태로 시작하는) 두 가지 모두 JS 표현식의 경우 단일 표현식만 들어갈 수 있다. 여기에서 ‘단일 표현식’이란 값으...
minimal-mistakes
minimal-mistakes 커스터마이징 : 전체 글 수 표시하기
minimal-mistakes 테마의 사이드바를 조금 더 커스텀해보자. 오늘은 전체 글 수를 표시하는 아주 간단한 커스텀을 진행해보기로 했다.
minimal-mistakes 커스터마이징 : 태그 목록 페이지 만들기
minimal-mistakes 테마에서 태그 목록 페이지를 만들어보자. 태그 목록 페이지는 테마 자체에서 제공해주는 기능이 있어 생성이 매우 간편하다. (추가적인 설명은 이 글을 참고하였다.)
minimal-mistakes 커스터마이징 : 폰트 변경하기
웹폰트 이용해 폰트를 변경하자
2023-10-03 TIL
오늘 한 일
blog
minimal-mistakes 커스터마이징 : 전체 글 수 표시하기
minimal-mistakes 테마의 사이드바를 조금 더 커스텀해보자. 오늘은 전체 글 수를 표시하는 아주 간단한 커스텀을 진행해보기로 했다.
minimal-mistakes 커스터마이징 : 태그 목록 페이지 만들기
minimal-mistakes 테마에서 태그 목록 페이지를 만들어보자. 태그 목록 페이지는 테마 자체에서 제공해주는 기능이 있어 생성이 매우 간편하다. (추가적인 설명은 이 글을 참고하였다.)
minimal-mistakes 커스터마이징 : 폰트 변경하기
웹폰트 이용해 폰트를 변경하자
2023-10-03 TIL
오늘 한 일
Frontend
React-Query의 useQueryClient
React-Query 기본 설정
React-Query의 useQueryClient
useQuery 고급 기능 및 useQueryClient
2023-07-16 Axios에 대하여 (feat. fetch)
node 에서 서버와 통신을 할 때 주로 사용하는 HTTP 클라이언트를 꼽아보자면 보통 Fetch나 Axios다. Fetch는 브라우저에 내장되어있어서 설치하지 않고 사용할 수 있다는 장점도 있고 문법도 크게 다르지 않은데 왜 Axios를 사용할까 궁금해져서 알아봤다.
면접
2023-10-13 TIL
오늘 한 일 프로그래머스 알고리즘 풀이 lv.0 특정한 문자를 대문자로 바꾸기 lv.0 문자열을 정수로 변환하기
2023-10-11 TIL
오늘 한 일 프로그래머스 알고리즘 풀이 lv.0 중앙값 구하기 lv.0 제곱수 판별하기 lv.0 세균 증식
2023-10-04 TIL
오늘 한 일
React-Query
React-Query의 useQueryClient
React-Query 기본 설정
React-Query의 useQueryClient
useQuery 고급 기능 및 useQueryClient
문법
Object.values() : 객체 내 값을 배열로 변경하기
Object.values() values()는 JS의 내장 객체 Object가 갖는 정적 메서드 중 하나다. 인자로 열거 가능한(enumarable) 객체를 받으며, 인자로 들어온 객체 내 속성의 값들로 이루어진 배열을 리턴한다. 이때 배열 내 값 순서는 객체의 속성을 for i...
js의 속성 설명자(PropertyDescriptor)
자바스크립트 객체의 속성 설명자 (property descriptor)
test
Test page
블로그 개설 테스트
WIL
2023-07-16 WIL
이번주 한 일 & 배운 것 지난주에 진행한 페어 프로그래밍 과제 공통 요소 만들기를 화요일에 마무리하고 페어와 & 다른 페어팀 2분과 리뷰를 진행했다. 각자 리뷰를 마치고 Issue에 코멘트하는 방식으로 진행. React에 mocking 서버를 붙여 회원가입...
Axios
2023-07-16 Axios에 대하여 (feat. fetch)
node 에서 서버와 통신을 할 때 주로 사용하는 HTTP 클라이언트를 꼽아보자면 보통 Fetch나 Axios다. Fetch는 브라우저에 내장되어있어서 설치하지 않고 사용할 수 있다는 장점도 있고 문법도 크게 다르지 않은데 왜 Axios를 사용할까 궁금해져서 알아봤다.
TypeScript
TypeScript 프로젝트 세팅
[NomadCoders의 ](https://nomadcoders.co/typescript-for-beginners/) 수업을 참고하여 작성하였습니다.
이력서
2023-10-06 TIL
오늘 한 일
ruby
2023-10-07 TIL
오늘 한 일 프로그래머스 알고리즘 풀이 lv.0 숨어있는 숫자의 덧셈 (1) lv.0 짝수는 싫어요 lv.2 숫자의 표현 수요일에 진행했던 면접의 내용 정리 및 피드백을 마쳤다. 새로 구입한 맥북의 기본 설정… ...
인사이트
2023-10-12 TIL
오늘 한 일 프로그래머스 알고리즘 풀이 lv.0 문자열 붙여서 출력하기 lv.0 문자열의 뒤의 n글자 lv.0 뒤에서 5등 위로
합격
2023-10-13 TIL
오늘 한 일 프로그래머스 알고리즘 풀이 lv.0 특정한 문자를 대문자로 바꾸기 lv.0 문자열을 정수로 변환하기
mac
맥북 (M2) 카라비너 없이 한영키를 우측 커맨드키로 바꾸기
이번 맥북 OS를 Sonoma로 업데이트하면서 두 가지의 버그를 경험했다. 날짜와 시간이 부정확하게 설정되는 오류 기존 외장 프로그램(카라비너)으로 세팅한 키보드 설정 인식이 잘 되지 않는 오류
vue3
Vue UI 컴포넌트: 상하 스크롤을 따라다니는 플로팅 컴포넌트 만들기 (추가 라이브러리 X)
플로팅 컴포넌트 만들기 상하 스크롤을 쫓아오는 플로팅 메뉴를 만들어야 했다. 해당 기능을 또 쓸 일이 있을 것 같아, 플로팅 기능만 유틸처럼 떼놓은 형태의 컴포넌트를 만들기로 결정했다. 현재는 위치를 디테일하게 정하는 기능 없이, 일단 스크롤을 따라다니는 기능만 만들어본다. (Vu...
Javascript
Vue UI 컴포넌트: 상하 스크롤을 따라다니는 플로팅 컴포넌트 만들기 (추가 라이브러리 X)
플로팅 컴포넌트 만들기 상하 스크롤을 쫓아오는 플로팅 메뉴를 만들어야 했다. 해당 기능을 또 쓸 일이 있을 것 같아, 플로팅 기능만 유틸처럼 떼놓은 형태의 컴포넌트를 만들기로 결정했다. 현재는 위치를 디테일하게 정하는 기능 없이, 일단 스크롤을 따라다니는 기능만 만들어본다. (Vu...
UI
Vue UI 컴포넌트: 상하 스크롤을 따라다니는 플로팅 컴포넌트 만들기 (추가 라이브러리 X)
플로팅 컴포넌트 만들기 상하 스크롤을 쫓아오는 플로팅 메뉴를 만들어야 했다. 해당 기능을 또 쓸 일이 있을 것 같아, 플로팅 기능만 유틸처럼 떼놓은 형태의 컴포넌트를 만들기로 결정했다. 현재는 위치를 디테일하게 정하는 기능 없이, 일단 스크롤을 따라다니는 기능만 만들어본다. (Vu...
python
poetry에서 파이썬 버전 관련 에러 해결하기 (The current project’s supported Python range…)
파이썬을 학습하며 다양한 버전을 사용해야 해서, pyenv와 poetry를 이용하고 있다. pyenv는 여러 파이썬 버전을 관리 및 변경해 사용할 수 있도록 도와주는 version management 라이브러리이며, poetry는 가상환경 및 파이썬 패키지 매니징 기능을 제공하는 ...