목록분류 전체보기 (67)

가치투자자

D3 라이브러리

D3.js 1. svg로 가지치기 import React from "react"; const App = () => { const width = 400; const height = 200; const line1 = [{ x: 50, y: 100 }, { x: 150, y: 50 }]; const line2 = [{ x: 250, y: 100 }, { x: 350, y: 150 }]; const renderLine = (points) => ( ); const renderDottedLine = (point) => ( ); return ( {/* 그래프 선 그리기 */} {renderLine(line1)} {renderLine(line2)} {/* 각 꼭지점에서의 점선 (범주 가지치기) */} {line1.ma..
Programming/JavaScript 2023. 8. 19. 17:45
[프로그래머스] 주차 요금 계산

Programmers : 주차 요금 계산 🔗 문제 링크 https://school.programmers.co.kr/learn/courses/30/lessons/92341 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 이 글은 코딩테스트 대비와 알고리즘 공부를 위해 문제를 풀고 학습한 내용을 기록한 것입니다. 틀린 부분이나 추가해야 할 부분이 있다면 언제든 댓글로 남겨주세요❗️ 💬 문제 이 문제는 객체 를 활용해 차량번호와 시간, 차량번호와 요금을 연결지으면 되는 구현 문제이다. 고려해줘야 할 것이 많지만, 객체에 대해 이해하고 있다면 충분히 풀 수 있는 ..
Problem Solving/Programmers 2023. 7. 13. 06:01
[프로그래머스] 오픈채팅방

Programmers : 오픈채팅방 🔗 문제 링크 https://school.programmers.co.kr/learn/courses/30/lessons/42888 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 이 글은 코딩테스트 대비와 알고리즘 공부를 위해 문제를 풀고 학습한 내용을 기록한 것입니다. 틀린 부분이나 추가해야 할 부분이 있다면 언제든 댓글로 남겨주세요❗️ 💬 문제 유저 아이디와 닉네임이 서로 한 쌍이고, 유저 아이디를 활용해 닉네임을 변경할 수 있다는 것만 파악하면 쉽게 풀 수 있는 문제였다. 오픈채팅방에서 닉네임을 바꾸는 방법은 2가지다..
Problem Solving/Programmers 2023. 7. 13. 01:07
[프로그래머스] n진수 게임

Programmers : n진수 게임 🔗 문제 링크 https://school.programmers.co.kr/learn/courses/30/lessons/17687 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 이 글은 코딩테스트 대비와 알고리즘 공부를 위해 문제를 풀고 학습한 내용을 기록한 것입니다. 틀린 부분이나 추가해야 할 부분이 있다면 언제든 댓글로 남겨주세요❗️ 💬 문제 처음 문제를 읽었을 때, "미리 구할 숫자의 개수 t"가 무엇을 의미하는지 이해하기 어려웠다. 출력 형식의 설명을 보면, m명이 돌아가면서 각자 1개씩 숫자를 말하는데, 튜브가..
Problem Solving/Programmers 2023. 7. 12. 17:34
[React/기술면접] Hook (2)

React Hooks 이제 더 다양한 Hook에 대해 살펴볼 것이다. 아직 Hook에 대해 익숙하지 않다면 아래 글을 먼저 읽고 오길 바란다. https://valueengine.tistory.com/76 [React/기술면접] Hook (1) React Hooks * 기술면접 질문은 맨 아래에 적혀 있습니다 1. Hook의 등장 배경 컴포넌트에는 클래스형 컴포넌트와 함수형 컴포넌트가 있다. 클래스형 컴포넌트에서는 constructor(생성자)에서 state를 정 valueengine.tistory.com 4. useReducer useReducer는 여러 개의 하위 값을 포함하는 복잡한 state를 다뤄야 할 때 useState 대신 사용하는 Hook이다. 여기서 알아둬야 할 개념에는 Reducer, ..
Programming/React 2023. 7. 10. 05:07
[React/기술면접] Hook (1)

React Hooks * 기술면접 질문은 맨 아래에 적혀 있습니다 1. Hook의 등장 배경 컴포넌트에는 클래스형 컴포넌트와 함수형 컴포넌트가 있다. 클래스형 컴포넌트에서는 constructor(생성자)에서 state를 정의하고 setState() 함수를 통해 state를 업데이트 해줄 수 있다. 거기다가 생명주기 함수들까지 명확하게 정의되어 있기 때문에 편리하게 가져다 쓰면 된다. 반면, 함수형 컴포넌트에서는 별도로 state를 정의하거나 생명주기에 따른 기능 구현이 불가능했다. 함수가 state를 가지지 못하는 이유는 리렌더링될 때 함수 내에 작성된 모든 코드들이 다시 실행되기 때문이다. 이로 인해 기존에 가지고 있던 state를 전혀 관리(기억)할 수 없기에 함수형 컴포넌트에서는 state를 사용할..
Programming/React 2023. 7. 9. 21:02
이전 Prev 1 2 3 4 ··· 12 Next 다음