일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- Next.js13
- 자바스크립트코딩테스트
- 자바스크립트 알고리즘
- next13
- lodash
- 리액트
- 자바스크립트 문제풀이
- 자바스크립트
- HTML
- 리액트쿼리
- til
- 알고리즘문제풀이
- leetcode문제풀이
- 자바스크립트 연결리스트
- 제로베이스
- JavaScript
- 자바스크립트 알고리즘 문제
- Next
- Baekjoon
- leetcode
- 자바스크립트 문제
- stack문제
- CSS
- 객체 프로퍼티
- JS
- NPM
- 프론트엔드
- 프로그래머스
- 자바스크립트 문제 풀이
- 타입스크립트
- Today
- Total
목록Code note (218)
코드노트
더보기 Given an integer array nums and an integer k, return the kth largest element in the array. Note that it is the kth largest element in the sorted order, not the kth distinct element. Can you solve it without sorting? 정수 배열 수와 정수 k가 주어지면 배열에서 k번째로 큰 원소를 반환합니다. 정렬된 순서에서 k번째로 큰 원소이지 k번째로 구별되는 원소는 아닙니다. 정렬하지 않고 해결 문제 설명 - 정렬하지 않고 k번째의 높은수를 출력하면 되는 문제이다. 힙 활용 python class Solution(object): def fin..
더보기 You are given an array of logs. Each log is a space-delimited string of words, where the first word is the identifier. There are two types of logs: Letter-logs: All words (except the identifier) consist of lowercase English letters. Digit-logs: All words (except the identifier) consist of digits. Reorder these logs so that: The letter-logs come before all digit-logs. The letter-logs are sort..
더보기 A phrase is a palindrome if, after converting all uppercase letters into lowercase letters and removing all non-alphanumeric characters, it reads the same forward and backward. Alphanumeric characters include letters and numbers. Given a string s, return true if it is a palindrome, or false otherwise. 모든 대문자를 소문자로 바꾸고 영숫자가 아닌 모든 문자를 제거한 후에 앞과 뒤로 같은 글자를 읽는 경우 구는 회문입니다. 영숫자는 문자와 숫자를 포함합니다. 문자열..
RN을 공부하면서 처음부터 막혔던게 CLI환경 구축이였던것 같다. 예전 강의들을 보면서 공부를 하다보니 버전문제로 계속 에러들이 발생했다.. React-Native CLI 환경을 구축하면서 만났던 에러들과 해결방법들을 정리해보려고 한다. [React Native] Mac에서 React Native CLI 환경 구축부터 실행까지 2021.09.24 - [React-native] - [React Native] Windows에서 React native 환경 구축부터 실행까지 1. Homebrew 설치 Homebrew는 Mac용 패키지 관리자이다. 사용하면 간단하게 명령어로 필요한 패키지를 설치할 수 있다. Ho myung-ho.tistory.com 이 블로그를 참고하여 실행 순서에맞게 작성하였다. 순서 1. ..
axios는 HTTP 클라이언트 라이브러리로, HTTP 요청을 보내고 응답을 받는 것을 간단하게 처리할 수 있다. 이번 사이드프로젝트를 하면서 axios에서 인터셉터를 사용하여 요청/응답을 가로채는 기능을 정리해보려고 한다. 보통 요청 전과 후에 로그인 후에 헤더에 Authorization을 담는 작업들을 할 수 있다. api요청마다 이렇게 axios를 사용해서 인터셉터를 만들고 사용하게 되면 각 요청마다 정의하지 않고 사용할 수 있기 때문에 참 좋은 라이브러리인것 같다! 인터셉터 | Axios Docs 인터셉터 then 또는 catch로 처리되기 전에 요청과 응답을 가로챌수 있습니다. axios.interceptors.request.use(function (config) { return config; ..
취준을 하며 면접도 봤고, 사이드프로젝트도 진행중이다. 사이드 프로젝트를 진행하면서 TDD를 접목시키면서 STORYBOOK, JEST를 사용하며 손에 익히는 가운데 원티드에서 이번에 클린코드 관련 프리온보딩을 한다기에 신청을 하였다. 1주차 에서는 클린코드란 무엇인가? 그리고 스타일가이드, 멘탈 모델.. 개선할 점들에 대해서 배우게 되었다. 이러한 것들을 다시 한번 정리해보려한다. 내가 알던것들이 전부가 아니였고... 내가 아는것도 맞는게 아니였다...! 클린코드란?- 처음 클린코드란에 질문에 수백명이 많은 프론트개발자들은 각기 생각하는 클린코드가 달랐다. 크게보면 같은것 같기도 하다. - 누구나 처음봐도 이해하기 쉬운 코드, 즉 직관적인 코드 - 확정성이 좋은 코드 (유지보수가 좋은?) - 가독성이 좋..
GraphQL란? GraphQL은 페이스북에서 개발한 데이터 쿼리 및 조작 언어이다. 클라이언트가 필요한 정확한 데이터를 서버에 요청할 수 있다. RESTful API는 GET 메서드 등을 사용하여 서버에 요청하여 정해진 데이터를 받게 되지만 GraphQL을 사용하게 되면 클라이언트가 서버에서 받아야할 데이터의 구조를 명시할 수 있어 필요한 데이터만 받아 사용할 수 있게 해준다. GraphQL은 REST의 부족한점을 보완하기 위해 나왔다. 주요 특징과 차이점을 살펴보고 상황에 맞게 사용할 수 있으니 알아보자! GraphQL의 주요 특징 및 GraphQL과 차이점 데이터 오버페칭과 언더페칭 문제 해결 - RESTful API REST는 각 리소스를 고유한 URL로 표현하며, HTTP 메서드(GET, POS..
10798번 세로읽기 문제 더보기 문제 아직 글을 모르는 영석이가 벽에 걸린 칠판에 자석이 붙어있는 글자들을 붙이는 장난감을 가지고 놀고 있다. 이 장난감에 있는 글자들은 영어 대문자 ‘A’부터 ‘Z’, 영어 소문자 ‘a’부터 ‘z’, 숫자 ‘0’부터 ‘9’이다. 영석이는 칠판에 글자들을 수평으로 일렬로 붙여서 단어를 만든다. 다시 그 아래쪽에 글자들을 붙여서 또 다른 단어를 만든다. 이런 식으로 다섯 개의 단어를 만든다. 아래 그림 1은 영석이가 칠판에 붙여 만든 단어들의 예이다. A A B C D D a f z z 0 9 1 2 1 a 8 E W g 6 P 5 h 3 k x 한 줄의 단어는 글자들을 빈칸 없이 연속으로 나열해서 최대 15개의 글자들로 이루어진다. 또한 만들어진 다섯 개의 단어들의 글자..
2566번 최댓값 문제 더보기 문제 과 같이 9×9 격자판에 쓰여진 81개의 자연수 또는 0이 주어질 때, 이들 중 최댓값을 찾고 그 최댓값이 몇 행 몇 열에 위치한 수인지 구하는 프로그램을 작성하시오. 예를 들어, 다음과 같이 81개의 수가 주어지면 3 23 85 34 17 74 25 52 65 10 7 39 42 88 52 14 72 63 87 42 18 78 53 45 18 84 53 34 28 64 85 12 16 75 36 55 21 77 45 35 28 75 90 76 1 25 87 65 15 28 11 37 28 74 65 27 75 41 7 89 78 64 39 47 47 70 45 23 65 3 41 44 87 13 82 38 31 12 29 29 80 이들 중 최댓값은 90이고, 이 값..
2738번 행렬 덧셈 문제 더보기 문제 N*M크기의 두 행렬 A와 B가 주어졌을 때, 두 행렬을 더하는 프로그램을 작성하시오. 입력 첫째 줄에 행렬의 크기 N 과 M이 주어진다. 둘째 줄부터 N개의 줄에 행렬 A의 원소 M개가 차례대로 주어진다. 이어서 N개의 줄에 행렬 B의 원소 M개가 차례대로 주어진다. N과 M은 100보다 작거나 같고, 행렬의 원소는 절댓값이 100보다 작거나 같은 정수이다. 출력 첫째 줄부터 N개의 줄에 행렬 A와 B를 더한 행렬을 출력한다. 행렬의 각 원소는 공백으로 구분한다. 예제 입력 1 3 3 1 1 1 2 2 2 0 1 0 3 3 3 4 4 4 5 5 100 예제 출력 1 4 4 4 6 6 6 5 6 100 - 2차원 배열을 사용하는 문제이다. 프로그래머스로만 코테 문제..