본문 바로가기

javascript21

[바닥부터 만들기] 리액트 없이 리액트 사용하기 - 1 (하드코딩) 리액트 없이 리액트 만들어보기 대작전. 일단 리액트 없이 하드 코딩된 버전으로 “Hellow”를 브라우저에 띄어 봅시다. 만약 리액트 16.8 버전 기준 리액트 코드를 DOM으로 렌더링을 한다면 아래 코드처럼 많이 작성했을 거예요. (리액트 18 버전에서는 createRoot(element). render() 사용) const ReactDOM = {}; // import 했다고 가정합시당. 🥰 const element = Hello; const container = document.getElementById('root'); ReactDOM.render(element, container); JSX 코드 변환해 주기 const element = Hello; 이 부분은 바벨이 자바스크립트 코드로 변환해 줍니다.. 2023. 8. 3.
[Lv.2] 캐시 https://school.programmers.co.kr/learn/courses/30/lessons/17680 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 해결 전략보다는 코드 리팩토링에 초점을 맞춤 리팩토링 전 코드 function solution(cacheSize, cities) { var answer = 0; let q = []; for(let city of cities){ city = city.toLowerCase(); if(q.includes(city)){ // 캐시에 있는 경우 const swapIndex = q.findIndex(i.. 2023. 5. 12.
[레벨 1] 신고 결과 받기 Javascript https://school.programmers.co.kr/learn/courses/30/lessons/92334 문제를 풀다 보면 문제 푸는데만 집중을 해서 정리할 틈도 없이 넘어가는 안 좋은 습관을 가지고 있어서 쓰게 됨 만약 나같은 사람이 있으면 한번 정리하면 좋을 듯 난 너무 늦게 깨달아서 슬픔;; 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 대충 신고한 사람이 신고 대상자가 정지를 먹으면 그 대상자의 개수를 반환 하라는 내용 나는 이렇게 풀었다. 아래 그림을 기준으로 1번에서 신고자 기준 신고 한 사람을 Set으로 세팅하고 신고 대상자는 자신이.. 2023. 4. 14.
[11509] 풍선 맞추기 Javascript https://www.acmicpc.net/problem/11509 11509번: 풍선 맞추기 첫 번째 예제 에서 [5,4,3] 을 터트리고 [2,1]을 터트리면 모든 풍선을 터트릴 수 있으므로 최소한 2개의 화살을 필요로 한다. www.acmicpc.net 문제를 보면 아래 그림처럼 화살을 쏘면 높이가 하나씩 낮아지면서 풍선을 없애는 것이다. 여기서 새 화살을 쏘는 개수를 구하는 것이다 아래 코드 주석 처럼 처음 쏘는 화살이면 높이를 저장해 주면서 풍선을 맞출 때마다 -1을 해주는 형식으로 이중 for문으로 구현했다. const fs = require('fs'); const PATH = process.platform === 'linux' ? '/dev/stdin' : './baekjon/input.tx.. 2023. 4. 13.

티스토리툴바