일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 구름톤
- emotion RSC
- 구름톤 챌린지
- 카카오 코테
- 프로그래머스 문자열 압축
- suspense react-query
- 백준 2108 자바스크립트
- js 거리두기 확인하기
- 사용성 개선
- js 스코프
- app router emotion
- js 문자열 압축
- next13 emotion
- emtion app router
- suspense 병목현상
- 백준 1339번 js
- TypeError: createContext only works in Client Components. Add the "use client" directive at the top of the file to use it. Read more:
- js
- 백준 2108 nodejs
- suspense 비동기
- 백준 1339번 자바스크립트
- 백준 1339번 nodejs
- 프로그래머스 거리두기 확인하기
- suspense 동작원리
- 리액트쿼리 suspense
- 스코프
- 자바스크립트 문자열 압축
- 자바스크립트 스코프
- 옵셔널체이닝
- 구름톤 챌린지 회고
- Today
- Total
목록분류 전체보기 (166)
Lennon FE
https://www.acmicpc.net/problem/14888 14888번: 연산자 끼워넣기 첫째 줄에 수의 개수 N(2 ≤ N ≤ 11)가 주어진다. 둘째 줄에는 A1, A2, ..., AN이 주어진다. (1 ≤ Ai ≤ 100) 셋째 줄에는 합이 N-1인 4개의 정수가 주어지는데, 차례대로 덧셈(+)의 개수, 뺄셈(-)의 개수, www.acmicpc.net const fs = require('fs'); let [n, ...input] = fs.readFileSync('dev/stdin').toString().trim().split('\n'); const [expression, sign] = input.map((v) => v.split(' ').map(Number)); const type = ['..
https://www.acmicpc.net/problem/17140 17140번: 이차원 배열과 연산 첫째 줄에 r, c, k가 주어진다. (1 ≤ r, c, k ≤ 100) 둘째 줄부터 3개의 줄에 배열 A에 들어있는 수가 주어진다. 배열 A에 들어있는 수는 100보다 작거나 같은 자연수이다. www.acmicpc.net const fs = require('fs'); let [input, ...matrix] = fs.readFileSync('dev/stdin').toString().trim().split('\n'); input = input.split(' '); const [num, location] = [+input.pop(), input.map(Number)]; matrix = matrix.map(..
https://www.acmicpc.net/problem/1541 1541번: 잃어버린 괄호 첫째 줄에 식이 주어진다. 식은 ‘0’~‘9’, ‘+’, 그리고 ‘-’만으로 이루어져 있고, 가장 처음과 마지막 문자는 숫자이다. 그리고 연속해서 두 개 이상의 연산자가 나타나지 않고, 5자리보다 www.acmicpc.net const input = require('fs').readFileSync('dev/stdin').toString().trim().split('-'); function sumValue(arr) { if (!arr.length) return 0; return +arr.split('+').reduce((pre, cur) => +pre + +cur); } console.log(input.reduce..
https://www.acmicpc.net/problem/1966 1966번: 프린터 큐 여러분도 알다시피 여러분의 프린터 기기는 여러분이 인쇄하고자 하는 문서를 인쇄 명령을 받은 ‘순서대로’, 즉 먼저 요청된 것을 먼저 인쇄한다. 여러 개의 문서가 쌓인다면 Queue 자료구조에 www.acmicpc.net const fs = require('fs'); const [n, ...input] = fs.readFileSync('dev/stdin').toString().trim().split('\n'); const result = input.map((v) => v.split(' ').map(Number)); let queue; let answer = []; while (result.length) { queue ..
https://www.acmicpc.net/problem/5430 5430번: AC 각 테스트 케이스에 대해서, 입력으로 주어진 정수 배열에 함수를 수행한 결과를 출력한다. 만약, 에러가 발생한 경우에는 error를 출력한다. www.acmicpc.net const fs = require('fs'); let [n, ...input] = fs.readFileSync('../input.txt').toString().trim().split('\n'); input = input.filter((v) => isNaN(v)); const result = []; for (let i = 0; i < input.length; i += 2) { let command = input[i].split(''); let arr = ..
API Key를 숨기는 이유?API Key의 대부분은 개인마다 키값이 다르고, 키 값이 악용될 수 있으므로 로컬로 작업할때가 아닌 배포할 때 꼭꼭 숨겨야한다. 대부분 API Key를 숨길 때 키에 대한 .js 파일을 생성하고, .gitignore에 .js 파일을 입력해 깃허브에 commit되지 않도록 방지할 것이다.허나 Netilfy처럼 깃과 연동해 실시간 배포가 이루어지는 방식에선 해당 Key값을 가져오지 못해 예상치못한 오류를 발생시킨다.그렇다고 key값을 깃허브에 공개하는 건 꺼려진다. 우선 시작하기 앞서 깃허브에 저장되어 있는 API key값이 들어있는 .js파일이 .gitignore에 적용되어있는 프로젝트를 Netlify와 연동하고 진행하자.검색하면 쉽게 적용할 수 있을 것이다.Key 숨기기N..
https://parkparkpark.tistory.com/111 [카카오 OAuth2] 웹에서 카카오 로그인을 구현해보자 (1) SNS 로그인? 요즘 대부분의 서비스는 sns 로그인이 필수적으로 들어가는 것 같다. 아마도 사용자 경험 측면에서 편리하고 유용하게 서비스를 이용할 수 있도록 하기 위해 그런 것이 아닐까?라는 parkparkpark.tistory.com 로그인을 구현하고 로그인 후 이동되는 main.html에 프로필 정보를 띄어보자. // profile.js class Profile { constructor(data) { this.name = data.properties.nickname; this.img = data.properties.profile_image; } printProfile()..