일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- programmers
- 디자인
- react-query
- react
- 정규표현식
- TypeScript
- wai-aria
- 프로그래머스
- leetcode
- 비트연산자
- 제로베이스 프론트엔드 스쿨
- 웹접근성
- JavaScript
- 카드뉴스
- 알고리즘
- html&css
- Today
- Total
목록분류 전체보기 (53)
記錄

문제 링크: https://school.programmers.co.kr/learn/courses/30/lessons/132267 난이도: Lv.1 문제 설명 오래전 유행했던 콜라 문제가 있습니다. 콜라 문제의 지문은 다음과 같습니다. 정답은 아무에게도 말하지 마세요. 콜라 빈 병 2개를 가져다주면 콜라 1병을 주는 마트가 있다. 빈 병 20개를 가져다주면 몇 병을 받을 수 있는가? 단, 보유 중인 빈 병이 2개 미만이면, 콜라를 받을 수 없다. 문제를 풀던 상빈이는 콜라 문제의 완벽한 해답을 찾았습니다. 상빈이가 푼 방법은 아래 그림과 같습니다. 우선 콜라 빈 병 20병을 가져가서 10병을 받습니다. 받은 10병을 모두 마신 뒤, 가져가서 5병을 받습니다. 5병 중 4병을 모두 마신 뒤 가져가서 2병을 ..

- 프로그래머스에서 제공하는 코딩테스트 입문(Lv.0) 문제들을 풀어본 내용을 일부 정리 - https://school.programmers.co.kr/learn/challenges/beginner?order=acceptance_desc&statuses=unsolved&languages=javascript Day 6. 문자열, 반복문, 출력, 배열, 조건문 직각삼각형 출력하기 "*"의 높이와 너비를 1이라고 했을 때, "*"을 이용해 직각 이등변 삼각형을 그리려고합니다. 정수 n 이 주어지면 높이와 너비가 n 인 직각 이등변 삼각형을 출력하도록 코드를 작성해보세요. const readline = require('readline'); const rl = readline.createInterface({ in..

- 프로그래머스에서 제공하는 코딩테스트 입문(Lv.0) 문제들을 풀어본 내용을 일부 정리했음 - 풀이를 어느 정도 고민한 문제들만 정리(너무 단순한 문제들 제외) Day 2 : 사칙연산, 조건문, 배열 분수의 덧셈 첫 번째 분수의 분자와 분모를 뜻하는 denum1, num1, 두 번째 분수의 분자와 분모를 뜻하는 denum2, num2가 매개변수로 주어집니다. 두 분수를 더한 값을 기약 분수로 나타냈을 때 분자와 분모를 순서대로 담은 배열을 return 하도록 solution 함수를 완성해보세요. function solution(denum1, num1, denum2, num2) { var answer = []; //분자 let denum=(denum1*num2)+(denum2*num1); //분모 let..

00 Cookie 쿠키 쿠키는 웹사이트 접속시 접속자의 개인장치에 다운로드 되고 브라우저에 저장되는 작은 텍스트 파일이다. 웹사이트는 쿠키를 통해 접속자의 장치를 인식하고, 접속자의 설정과 과거 이용내역에 대한 일부 데이터를 저장한다. 즉, 쿠키는 서버를 대신해 웹 브라우저에 정보를 저장하고 요청할 때 그 정보를 서버에 보내 사용자를 식별할 수 있게 한다. 쿠키는 주로 아래 세 가지 목적을 위해 사용된다. 세션 관리(Session management) : 서버에 저장해야 할 로그인, 장바구니, 게임 스코어 등의 정보 관리 개인화(Personalization) : 사용자 선호, 테마 등의 세팅 트래킹(Tracking) : 사용자 행동을 기록하고 분석하는 용도 쿠키의 구성 document.cookie="us..

문제 링크: https://leetcode.com/problems/rotate-image/description/ 난이도: Medium 문제 설명 You are given an n x n 2D matrix representing an image, rotate the image by 90 degrees (clockwise). You have to rotate the image in-place, which means you have to modify the input 2D matrix directly. DO NOT allocate another 2D matrix and do the rotation. 주어진 n x n 2D 매트릭스 이미지를 90도(시계 방향) 회전합니다. 이미지를 제자리에서 회전해야 합니다. ..

문제 링크: https://school.programmers.co.kr/learn/courses/30/lessons/135808 난이도: Lv.1 문제 설명 과일 장수가 사과 상자를 포장하고 있습니다. 사과는 상태에 따라 1점부터 k점까지의 점수로 분류하며, k점이 최상품의 사과이고 1점이 최하품의 사과입니다. 사과 한 상자의 가격은 다음과 같이 결정됩니다. 한 상자에 사과를 m개씩 담아 포장합니다. 상자에 담긴 사과 중 가장 낮은 점수가 p (1 ≤ p ≤ k)점인 경우, 사과 한 상자의 가격은 p * m 입니다. 과일 장수가 가능한 많은 사과를 팔았을 때, 얻을 수 있는 최대 이익을 계산하고자 합니다.(사과는 상자 단위로만 판매하며, 남는 사과는 버립니다) 예를 들어, k = 3, m = 4, 사과 ..

문제 링크 : https://school.programmers.co.kr/learn/courses/30/lessons/136798 난이도: Lv.1 문제 설명 숫자나라 기사단의 각 기사에게는 1번부터 number까지 번호가 지정되어 있습니다. 기사들은 무기점에서 무기를 구매하려고 합니다. 각 기사는 자신의 기사 번호의 약수 개수에 해당하는 공격력을 가진 무기를 구매하려 합니다. 단, 이웃나라와의 협약에 의해 공격력의 제한수치를 정하고, 제한수치보다 큰 공격력을 가진 무기를 구매해야 하는 기사는 협약기관에서 정한 공격력을 가지는 무기를 구매해야 합니다. 예를 들어, 15번으로 지정된 기사단원은 15의 약수가 1, 3, 5, 15로 4개 이므로, 공격력이 4인 무기를 구매합니다. 만약, 이웃나라와의 협약으로..

00 리액트의 탄생 이유? JavaScript를 사용하여 HTML로 구성한 UI를 제어하기 위해서는 DOM의 변경이 필요하다. 브라우저의 DOM Selector API를 사용해 특정 DOM을 선택한 뒤, 특정 이벤트가 발생하면 변화를 주도록 설정해야 하는데, 이를 위해서 DOM 노드를 직접 조작해야 한다. 이런 동작이 크게 발생하지 않는 웹사이트라면 상관 없겠지만, 현대의 웹페이지처럼 다양한 동작이 발생하는 경우에는 코드의 유지보수 및 관리가 어려워진다. 이를 해결하기 위해 프레임워크를 활용해 자바스크립트의 특정 값이 바뀌면 특정 DOM의 속성이 바뀌도록 연결해 업데이트 작업을 간소화하는 방식을 사용했다. 리액트의 경우 위와 다르게 데이터가 바뀔 때 DOM을 어떻게 업데이트 할 지 고민하는 것이 아니라 ..