728x90 반응형 전체 글64 컴포넌트 분리 기준, 재사용성에 대한 고민 컴포넌트 분리 기준, 재사용성에 대한 고민 리액트 컴포넌트 분리 기준을 알게되다... 리액트 컴포넌트 분리 기준을 알게되다... 컴포넌트를 분리하는 기준에 대해 생각해보고 적용해보는 시간이었다. velog.io 위 글에 대한 내용을 함께 고민해보자! :: 컴포넌트를 분리하는 이유? 리액트, 뷰 등에서는 컴포넌트는 다양한 역할을 한다. 어떤 컴포넌트는 UI 를 표현하고자 하고, 어떤 컴포넌트는 동작하는 로직을 담고 있을 수 있다. 또한 앞서 언급한 두 가지 역할 모두를 담고 있는 경우도 있다. 그리고 언급하지 않은 별도의 역할을 담고 있을 수 있다. 이처럼 컴포넌트는 재사용할 수 있는 최소 UI 단위이다. 웹에 따라 수행하려고 하는 역할이 복잡해지고 다양해질 수 있다. 이 때 생각해봐야할 것이 바로 **관.. 2024. 3. 1. BOJ-백준7569번 토마토 Javascript Node.js 문제 풀이와 반례 BOJ-백준7569번 토마토 Javascript Node.js 문제 풀이와 반례 입니다. 링크 :https://www.acmicpc.net/problem/7569 7569번: 토마토 첫 줄에는 상자의 크기를 나타내는 두 정수 M,N과 쌓아올려지는 상자의 수를 나타내는 H가 주어진다. M은 상자의 가로 칸의 수, N은 상자의 세로 칸의 수를 나타낸다. 단, 2 ≤ M ≤ 100, 2 ≤ N ≤ 100, www.acmicpc.net ✅ Node.js 정답 코드 입니다. 더보기 클릭! 더보기 const readline = require("readline"); const rl = readline.createInterface({ input: process.stdin, output: process.stdout, }.. 2024. 1. 22. BOJ-백준 1260번 DFS와 BFS Javascript Node.js 문제 풀이와 반례 BOJ-백준 1260번 DFS와 BFS Javascript Node.js 문제 풀이와 반례 입니다. 링크 : https://www.acmicpc.net/problem/1260 1260번: DFS와 BFS 첫째 줄에 정점의 개수 N(1 ≤ N ≤ 1,000), 간선의 개수 M(1 ≤ M ≤ 10,000), 탐색을 시작할 정점의 번호 V가 주어진다. 다음 M개의 줄에는 간선이 연결하는 두 정점의 번호가 주어진다. 어떤 두 정점 사 www.acmicpc.net ✅ Node.js 정답 코드 입니다. 더보기 클릭! 더보기 const fs = require("fs"); const input = fs .readFileSync("/dev/stdin") .toString() .trim() .split("\n") .map.. 2024. 1. 20. BOJ-백준 2108번 통계학 Node.js BOJ-백준 2108번 통계학 Node.js 문제 풀이와 반례 입니다. 링크 : https://www.acmicpc.net/problem/2108 2108번: 통계학 첫째 줄에 수의 개수 N(1 ≤ N ≤ 500,000)이 주어진다. 단, N은 홀수이다. 그 다음 N개의 줄에는 정수들이 주어진다. 입력되는 정수의 절댓값은 4,000을 넘지 않는다. www.acmicpc.net ✅ Node.js 정답 코드 입니다. 더보기 클릭! 더보기 const fs = require("fs"); const input = fs .readFileSync("/dev/stdin") .toString() .trim() .split("\n") .map((num) => parseInt(num)); const n = input.shi.. 2024. 1. 16. 이전 1 2 3 4 ··· 16 다음 728x90 반응형
