티스토리

인생뉴비

검색하기

블로그 홈

인생뉴비

insengnewbie.tistory.com/m

중요한 것은 꺾여도 그냥 하는 마음.

구독자: 18

방명록 방문하기

주요 글 목록

[FE] eslint & prettier에서 Biome으로 마이그레이션하기 센디 웹 프론트엔드 프로젝트를 eslint & prettier에서 biome로 마이그레이션한 후기를 작성하고자 한다. 추후에 센디 테크 블로그가 생성되는 그 날을 기약하며.. Motivation 센디 웹 프론트엔드에서는 린팅과 코드 포맷팅을 위해 eslint와 prettier를 조합해서 사용한다. 팀원이 3명인 소수팀이기도 하고 서로의 코드 스타일을 존중하는 분위기 덕에 린팅 규칙을 빡빡하게 설정하지는 않았다. 불필요하게 빨간 줄을 띄우는 규칙(no-unused-vars 등)만 warn 또는 off로 두면서 린팅과 포맷팅을 최소한으로 적용하고 있었다. 린팅&포맷팅 시점 다른 테크 블로그를 참고해보니 린팅과 포맷팅을 CI 과정에 통합하는 경우가 많던데, 센디 웹 프론트엔드의 경우 husky, lint-st.. 공감수 1 댓글수 0 2025. 2. 18.
[React] useFetch https://github.com/KimCookieYa/use-react배경 React 프론트엔드를 구현할 때 자주 구현해야 하는 기능은 Data Fetch이다. 일반적으로 서버에서 받아온 데이터를 보여주기 위해서는 State로 관리해야 하기 때문에, 데이터를 저장할 useState를 선언하고, 데이터를 페치하는 useEffect도 선언해야 한다. import { useEffect, useState } from 'react';export default function Exampele() { const [data, setData] = useState(null); // useEffect 내에서 REST api 호출 후 state로 저장한다. useEffect(() => { fetch('https:.. 공감수 1 댓글수 0 2025. 2. 4.
[리팩토링 2판] 11장 API 리팩터링 - 일급 함수와 명령 객체 함수를 명령으로 바꾸기(Replace Function with Command)함수를 그 함수만을 위한 객체 안으로 캡슐화하는 것 => 이를 명령(Command) 객체라고 한다.일급 함수(first-class function)을 지원하지 않는 프로그래밍 언어에서 "명령 객체"를 사용해서 일급 함수의 기능 대부분을 흉내 낼 수 있다.위의 문장이 바로 이해되지는 않았다. "일급 함수"도 여러번 들었는데 들을 때마다 까먹기도 하고.. 그래서 지피티에게 물어봤다. 일급 함수(First-Class Function)란, 프로그래밍 언어에서 함수가 다른 일반 데이터 타입(예: 숫자, 문자열)처럼 취급될 수 있음을 의미합니다. 즉, 함수가 변수에 할당되거나, 다른 함수의 인자로 전달되거나, 반환값으로 사용할 수 있다는 .. 공감수 0 댓글수 0 2024. 12. 1.
프론트엔드 테스팅을 해야겠다 https://youtu.be/Y7hQqBS2wK4?si=FLi1yz9fKtuagMi6 프론트엔드에도 테스트가 필요하다는 것은 수많은 컨퍼런스 세션과 수많은 개발 도서를 통해 알고 있었지만, 어떻게 적용해야 할지 늘 막막했다. 그러다가 토스의 모닥불 [테스트 자동화, 프론트엔드에서 꼭 해야 할까?] 영상을 보고 나도 할 수 있겠다는 생각이 들었다. 토스에서도 모든 곳에 테스트를 작성하기 보다는 필요하다고 생각되는 곳에만 테스트를 작성한다.특히, 퍼널(사용자에게 복합한 값을 입력받을 때, 여러 화면이나 단계로 쪼개어서 입력받는 흐름) 테스트 혹은 의존성이 다양한 스펙이 있을 때토스 프론트엔드에서는 주로 통합(Integration) 테스트를 작성한다.일반적으로 유닛 테스트가 지배적인 데에 반해, 토스에서는.. 공감수 1 댓글수 0 2024. 11. 29.
[리팩토링 2판] 7장 캡슐화 우선 컬렉션과 레코드의 개념부터 되게 모호해서 이해하기 힘들었다. 그래도 지피티랑 같이 공부하면서 어떻게든 이해하려고 노력했다. 레코드 캡슐화, 컬렉션 캡슐화를 읽고 드는 생각생각보다 유용한 것 같다.레코드와 컬렉션은 단순히 클래스화하는게 아니라, 추상화된 "데이터를 표현하는 방식"이다.내가 평소에 리액트 상에서도 유저 정보를 상태로 관리하거나 비즈니스 로직을 상태로 관리하는 것 또한, 레코드와 컬렉션이라고 볼 수 있는 것이다.대신 데이터를 객체가 아니라 클래스로 감싸면, 원본 데이터를 변경하는 부분이나 데이터를 가져오는 부분을 검증하거나 예외처리를 하도록 제어하기가 쉬워진다.모든 레코드를 클래스화하는 것은 바람직하지 않겠지만, 정말 중요한 비즈니스 로직의 데이터의 경우에는 일괄적으로 캡슐화해서 관리해보.. 공감수 2 댓글수 1 2024. 11. 3.
리팩토링 - 장대한 시작.. 컴퓨터가 이해하는 코드는 바보도 작성할 수 있다. 사람이 이해하도록 작성하는 프로그래머가 진정한 실력자다. -켄트 벡- 즐겁다! 공감수 0 댓글수 0 2024. 10. 15.
[Next.js] next/image (1) next/image next.js에서 이미지를 최적화하기 위해서는 next.js에서 제공하는 next/image api를 사용하는 것이 일반적으로는 최적이다.// 인라인 문자열 방식// Static Image Import(정적 임포트 방식)import backgroundImg from '@/image/backgounrd.png'; next.js 공식문서에서는 Static Image Import 방식으로 이미지를 임포트하는 것을 권장한다. 임포트 방식에 따라 이미지 헤더에 붙일 Cache-Control을 내부적으로 제어하기 때문이다.Static Image Import Nextjs 공식 문서 - https://nextjs.org/docs/app/api-reference/components/image#mini.. 공감수 0 댓글수 0 2024. 10. 12.
[Next.js] ERR_HTTP_HEADERS_SENT 응답 헤더 중복 에러 문제Error [ERR_HTTP_HEADERS_SENT]: Cannot set headers after they are sent to the client nextjs 14 app router 웹에서 발생한 에러이다. 랜딩 페이지 호출 시 매우 적은 확률로 발생한다. 요청할 때마다 터지는 것은 아니고, 정말 가끔 발생한다. 응답 헤더를 중복으로 설정하려할 때 발생하는 에러라고 하는데, 우선 랜딩 페이지에서는 어떤 api도 호출하고 있지 않고 있다. 그래서 페이지 요청 시 거치는 middleware.ts에서 문제가 생겼을거라 판단했고, 콘솔 로그로 미들웨어에 들어오는 요청을 찍어봤다. 확인 결과, 페이지에 포함된 모든 정적 파일(.js, .png, .webp, .svg, .css 등)들이 미들웨어를 거.. 공감수 0 댓글수 0 2024. 9. 28.
[FE] xlsx 취약점 버전 업데이트 npm의 xlsx 패키지 0.19.3 이전의 모든 버전이 취약점을 가지고 있다. Code Injection을 가능하게 하는 high 등급의 취약점을 가졌다고 한다. 이를 업데이트하기 위해서는 npm이 아닌 SheetJS 공식 문서를 따라야 한다. xlsx가 npm과의 법적 문제로 npm에서 퇴출.. 당했기 때문에 npm에는 0.18.5 버전까지 밖에 없다.. 다행히 버전을 업데이트해도 달라진게 없어서 수정할게 없었다. https://devhub.checkmarx.com/cve-details/CVE-2023-30533/https://docs.sheetjs.com/docs/getting-started/installation/frameworks/ Frameworks and Bundlers | SheetJS C.. 공감수 0 댓글수 0 2024. 8. 6.
[FE] 우리에게 적절한 방법론이란 뭘까 "팀에는 그 팀의 크기에 걸맞는 아키텍처 또는 방법론이 존재한다." 최근에 드는 생각이다. 개발자가 1명인 조직과 5명, 20명, 100명인 조직의 문제해결방법은 다를 수 밖에 없다는 생각을 하게 됐다. 웹 클라이언트로 예를 들면, 웹 프론트엔드 개발자가 10명만 되도 프로젝트의 볼륨이 어마어마하게 커질 것이다. 관리하는 프로젝트의 개수도 많을 것이고 각 프로젝트의 크기도 클테니, 한 명의 개발자가 모든 프로젝트를 이해하는 것은 가히 엄두도 내지 못할 것이다. 여기에 새로운 기능을 추가한다고 할 때 얼마나 작은 기능을 구현하든간에, 무슨 사이드이펙트가 발생할지 예측이 쉽지 않을 것이다. 그래서 프로젝트 규모가 상당할 때부터 테스팅이 중요하다고 하는 것 같다. 특히 크리티컬한 결제 기능에서 이슈가 생기면 .. 공감수 0 댓글수 0 2024. 8. 6.
[FE] Secure Cookie 설정 시, HTTP 환경에서 인증 토큰 에러 배경 인턴 업무 중, 웹프로젝트를 AWS ECS(Elastic Container Service)에 배포할 일이 있었다. Next.js 프로젝트를 Docke 이미지로 말아서 ECR(Elastic Container Registry)에 올린 후, ECS에 배포하였다. 클러스터, 태스트 설정, 보안 그룹 설정 등의 사소한 문제는 있었지만 어떻게 해결했는데.. 이번에는 배포한 Next.js 프로젝트에서 로그인 토큰이 발급되지 않는 버그가 발생했다. 혼자서 해결해보려고 3시간 가량 코드를 쳐다보고 도커 이미지를 새로 빌드하면서 테스트해봤는데.. 도통 알 수가 없었다. 알게 된건, 로그인 api 요청 시, Next.js 서버에서는 로그인 인증 정보가 담긴 쿠키를 응답으로 제대로 보내고 있었다는 것과 Next.js 클.. 공감수 2 댓글수 2 2024. 4. 3.
[React] useEffect의 함수에 이름을 적자 배경 여태까지 나는 useEffect를 사용할 때, 익명 함수, arrow function을 사용했다. 타이핑하기도 간편하고 굳이 함수에 이름을 적을 필요성을 느끼지 못했기 때문이다. 그러나 강의를 들으면서 useEffect의 함수에 이름을 적는 것의 장점을 알게 되었다. 확실히 인턴을 하면서 하나의 파일인데도 코드량이 너무 길어서 이해하기 힘들었던 경험이 있다. 사수가 남긴 주석 덕분에 어떻게든 이해했지만, 이런 방법으로도 가독성을 향상시킬 수 있다는 것은 처음 알았다. 복잡한 로직을 다루게 될 때 한 번 적용해볼 생각이다. 포스팅하면서 머리에 새기고, 다시 되뇌어볼 생각이다. 1. 가독성 향상 함수에 이름을 적으면 당연하게도 코드의 가독성이 향상되면서 코드의 의도를 명확하게 전달할 수 있다. 함수의 .. 공감수 1 댓글수 2 2024. 3. 19.
[Next.js] STOMP 기반 웹소켓 통신 배경 센디에서 3번째 파일럿 프로젝트에서 웹소켓 통신을 구현해야 했는데, 그 과정에서 Kotlin Spring 서버와 규격을 맞추기 위해 여러 시도를 해보다가 stomp.js와 sock.js를 사용해서 웹소켓 통신을 구현해보았다. socket.io와 순수 WebSocket API, STOMP 등의 다양한 라이브러리를 사용한 구현 사항을 기록하고자 한다. 로직을 분리하기 위해 커스텀 훅으로 구현하였다. socket.io socket.io 라이브러리는 node.js 기반 라이브러리이고, 표준 WebSocket 위에 추가적인 기능(자동 재연결, Room 등)을 덧붙였기에 서버와 클라이언트 모두 socket.io를 써야만 통신이 가능하다. 그러나 Spring 서버는 socket.io를 지원하지 않기 때문에 통신.. 공감수 1 댓글수 1 2024. 2. 5.
[복기] 12865번: 평범한 배낭 문제 백준 12865번: 평범한 배낭 알고리즘 분류 다이나믹 프로그래밍 배낭 문제 솔루션 input = sys.stdin.readline n, k = map(int, input().split()) products = [list(map(int, input().split())) for __ in range(n)] dp = [[0] * (k + 1) for __ in range(n)] for i in range(n): for j in range(0, k + 1): if j >= products[i][0]: dp[i][j] = max(dp[i - 1][j], dp[i - 1][j - products[i][0]] + products[i][1]) else: dp[i][j] = dp[i - 1][j] print(ma.. 공감수 0 댓글수 0 2023. 11. 21.
[프로그래머스][Python] 두 큐의 합 같게 만들기 문제 설명 길이가 같은 두 개의 큐가 주어집니다. 하나의 큐를 골라 원소를 추출(pop)하고, 추출된 원소를 다른 큐에 집어넣는(insert) 작업을 통해 각 큐의 원소 합이 같도록 만들려고 합니다. 이때 필요한 작업의 최소 횟수를 구하고자 합니다. 한 번의 pop과 한 번의 insert를 합쳐서 작업을 1회 수행한 것으로 간주합니다. 큐는 먼저 집어넣은 원소가 먼저 나오는 구조입니다. 이 문제에서는 큐를 배열로 표현하며, 원소가 배열 앞쪽에 있을수록 먼저 집어넣은 원소임을 의미합니다. 즉, pop을 하면 배열의 첫 번째 원소가 추출되며, insert를 하면 배열의 끝에 원소가 추가됩니다. 예를 들어 큐 [1, 2, 3, 4]가 주어졌을 때, pop을 하면 맨 앞에 있는 원소 1이 추출되어 [2, 3, .. 공감수 0 댓글수 1 2023. 11. 14.
[RN] 스타일링 React Native에서의 스타일링은 React에서 웹 애플리케이션을 스타일링하는 방법과 몇 가지 중요한 차이점이 있다. React Native는 CSS와 유사한 문법을 사용하지만, 정확히 같은 CSS가 아니며, 스타일은 JavaScript 객체로 작성된다. React Native 스타일링의 특징: 인라인 스타일: React Native에서는 스타일을 직접 컴포넌트에 인라인으로 적용할 수 있다. 하지만 이 방법은 재사용성이 떨어지고 관리하기 어렵다는 단점이 있다. StyleSheet 생성: StyleSheet.create를 사용하여 스타일 객체를 만들고, 이를 컴포넌트에 적용한다. 이 방법은 성능을 최적화하고, 스타일을 모듈화하여 재사용할 수 있다. 캐멀 케이스 스타일 속성: CSS와 달리, React.. 공감수 1 댓글수 2 2023. 11. 9.
[React] useEffect와 클린업 함수 useEffect useEffect는 React의 Hook 중 하나로, 컴포넌트가 렌더링된 후에 어떤 코드를 실행할지 정의할 수 있다. 이 Hook은 부수 효과(side effects)를 수행하기 위해 사용된다. 예를 들어, 데이터를 가져오거나 DOM을 직접 조작하는 작업이 이에 해당한다. 클린업(Cleanup)이란? useEffect에서 반환하는 함수를 클린업 함수라고 한다. 이 함수는 컴포넌트가 언마운트되거나, useEffect가 다시 실행되기 전에 호출된다. 클린업 함수는 주로 리소스를 해제하거나, 이벤트 리스너를 제거하는 등의 작업에 사용된다. 예시 import React, { useEffect } from 'react'; function ExampleComponent() { useEffect((.. 공감수 1 댓글수 3 2023. 10. 28.
[CSS] 스타일 우선순위 CSS의 스타일 우선순위 CSS의 스타일 우선순위는 다음과 같은 요인에 의해 결정된다: !important: !important가 선언에 붙어 있는 경우, 그 스타일이 가장 높은 우선순위를 가진다. 단, 사용자 스타일시트의 !important는 제작자 스타일시트의 !important보다 높은 우선순위를 가진다. 인라인 스타일(Inline Styles): HTML 요소의 style 속성에 직접 선언된 스타일이 있다면 그 스타일이 우선순위가 높다. 특정성(Specificity): 선택자의 특정성이 높을수록 해당 스타일이 우선순위가 높다. 특정성은 ID 선택자, 클래스/속성/가상 클래스 선택자, 태그/가상 요소 선택자의 갯수에 따라 계산된다. ID 선택자: 가장 높은 특정성을 가진다. (#id) 클래스/속성/.. 공감수 0 댓글수 1 2023. 10. 19.
[HTML] 기초 웹응용프로그래밍 중간 대비 복습 기본 문서가 HTML5 문서임을 나타낸다. 브라우저에게 HTML5 표준에 따라 페이지를 렌더링하라고 지시한다. HTML 문서의 루트 요소이다. 페이지의 주요 언어가 영어라는 것을 나타낸다. 이것은 접근성과 SEO에 도움을 준다. 문서의 메타 정보를 포함한다. 이 태그 내부에는 title, meta, link 등의 태그가 위치할 수 있다. 문자 인토딩이 UTF-8임을 명시한다. 이로 인해 다양한 언어와 문자가 올바르게 표시된다. 뷰포트의 설정을 제어한다. width=device-width는 디바이스의 스크린 너비에 따라 뷰포트의 크기를 설정한다. initial-scale=1.0은 초기 확대/축소 비율을 설정한다. Document 브라우저 탭에 표시되는 문서의 제목을 설정한다.. 공감수 0 댓글수 1 2023. 10. 17.
[React] vite + react로 github.io 배포하기 초고 남들이 github.io로 포폴사이트를 만들길래 나도 만들어보기로 했다. 꾸미는건 나중에 생각하고 스켈레톤만 후다닥 만들어서 배포했다. 이걸 뭐 누가 보겠냐마는.. 기분이라도 내는거다. Environment nodejs: 18 React.js: 18 yarn + vite + typescript + emotion + material UI Page Configuration Home About Portfolio Contact Deploy Vite 가이드 - 정적 웹 페이지로 배포하기 Vite Vite, 차세대 프런트엔드 개발 툴 ko.vitejs.dev Vite 프로젝트는 Github Pages로 배포하기가 아주 쉽다. .github.io repo를 만든다. 작업한 프로젝트를 push한다. 이때 buil.. 공감수 0 댓글수 0 2023. 10. 15.
[React] createPortal ReactDOM.createPortal React 애플리케이션에서 모달 창, 툴팁, 팝업 메뉴 등과 같이 기존의 컴포넌트 계층 구조 밖에 있는 DOM 요소에 React 컴포넌트를 렌더링하기 위한 메서드 React의 일반적인 컴포넌트 렌더링 메서드인 render 메서드와 다르게 다른 DOM 요소로 렌더링하게 해준다. 용도 모달 창 또는 다이얼로그: 모달 창과 같은 팝업 요소를 렌더링할 때, 일반적으로 모달 창은 기존의 컴포넌트 계층 구조 밖에 렌더링해야 한다 포털(Portal): UI의 일부를 다른 부모 DOM 요소로 이동시키고 싶을 때 사용할 수 있다. 예를 들어, 스크롤 가능한 사이드바 내에서 고정된 헤더를 만들 때 사용할 수 있다. 코드 import ReactDOM from 'react-dom'; c.. 공감수 0 댓글수 1 2023. 10. 10.
[React] 자주 사용하는 Eslint Rules 배경 React 프로젝트를 개발하면서 자주 사용하는 eslint rule를 있지만 매번 까먹고 매번 다시 찾는게 귀찮아서 정리해본다. 나는 react/no-unused-vars 는 빨간 줄이 너무 거슬려서 off 한다. JSX 컴포넌트의 프로퍼티를 정렬해주는 react/jsx-sort-props도 가독성 측면에서 유용하다. 다음의 rule들을 React 프로젝트의 .eslintrc.[json, cjs] 의 rules에 추가하면 된다. 이러한 규칙은 React 프로젝트에서 코드 품질을 향상시키고 가독성을 높이며, 접근성을 개선하는 데 도움이 된다. 자주 사용하는 Eslint Rules react/jsx-sort-props: JSX 프로퍼티를 알파벳 순서로 정렬하도록 하는 규칙이다. 코드의 일관성을 유지하고.. 공감수 0 댓글수 0 2023. 9. 26.
[트러블슈팅] web3.js import 에러 배경 defi-clone-app 강의를 따라 React 애플리케이션을 개발하다가 다음 에러가 발생했다. Uncaught TypeError: Class extends value undefined is not a constructor or null 솔루션 다행히, web3.js 공식 레포의 이슈에서 솔루션을 찾을 수 있었다. 이유는 알 수 없지만 yarn add events 또는 npm i events로 events 패키지를 설치하면 바로 해결할 수 었었다. https://github.com/web3/web3.js/issues/6371 공감수 0 댓글수 0 2023. 9. 24.
[Solidity] Overflow and Underflow in Solidity 배경 Udemy 강의를 보면서 React + truffle 기반 defi 클론 코딩 중, React 16버전인걸 18로 마이그레이션하게 되었다. 그 과정에서 solidity 버전을 ^0.5.0에서 0.8.13으로 바꾸었다가 해당 이슈를 만났다. 솔리디티 스마트 컨트랙트를 작성하고, mocha와 chai 기반 테스트를 실행시켜보았는데, ^0.5.0에서는 통과되던 테스트가 0.8.13에서는 에러가 발생하며 실패했다. C:\Users\min49590\KimCookieYa\defi-vite-app>truffle test Using network 'development'. Compiling your contracts... =========================== > Compiling .\contracts.. 공감수 0 댓글수 0 2023. 9. 23.
[프로그래머스][JS] n^2 배열 자르기 문제 설명 정수 n, left, right가 주어집니다. 다음 과정을 거쳐서 1차원 배열을 만들고자 합니다. n행 n열 크기의 비어있는 2차원 배열을 만듭니다. i = 1, 2, 3, ..., n에 대해서, 다음 과정을 반복합니다. 1행 1열부터 i행 i열까지의 영역 내의 모든 빈 칸을 숫자 i로 채웁니다. 1행, 2행, ..., n행을 잘라내어 모두 이어붙인 새로운 1차원 배열을 만듭니다. 새로운 1차원 배열을 arr이라 할 때, arr[left], arr[left+1], ..., arr[right]만 남기고 나머지는 지웁니다. 정수 n, left, right가 매개변수로 주어집니다. 주어진 과정대로 만들어진 1차원 배열을 return 하도록 solution 함수를 완성해주세요. 제한사항 1 ≤ n ≤.. 공감수 0 댓글수 0 2023. 9. 19.
[프로그래머스][JS] 할인 행사 문제 설명 XYZ 마트는 일정한 금액을 지불하면 10일 동안 회원 자격을 부여합니다. XYZ 마트에서는 회원을 대상으로 매일 한 가지 제품을 할인하는 행사를 합니다. 할인하는 제품은 하루에 하나씩만 구매할 수 있습니다. 알뜰한 정현이는 자신이 원하는 제품과 수량이 할인하는 날짜와 10일 연속으로 일치할 경우에 맞춰서 회원가입을 하려 합니다. 예를 들어, 정현이가 원하는 제품이 바나나 3개, 사과 2개, 쌀 2개, 돼지고기 2개, 냄비 1개이며, XYZ 마트에서 15일간 회원을 대상으로 할인하는 제품이 날짜 순서대로 치킨, 사과, 사과, 바나나, 쌀, 사과, 돼지고기, 바나나, 돼지고기, 쌀, 냄비, 바나나, 사과, 바나나인 경우에 대해 알아봅시다. 첫째 날부터 열흘 간에는 냄비가 할인하지 않기 때문에 첫.. 공감수 0 댓글수 0 2023. 9. 18.
[React] Webpack 마는 법 React webpack 마는 법 배경 인프런 - 웹 게임을 만들며 배우는 React 강의의 섹션 1에서 webpack과 babel을 직접 설치해서 세팅하는 방법을 알려준다. CRA나 Vite를 쓰지 않고 직접 세팅하면서 webpack과 babel의 동작 방식을 공부할 수 있었다. 언제든지 볼 수 있도록, npm init부터 HMR(Hot Module Reloading) 세팅까지의 과정을 기록하고자 한다. 초기 세팅 npm init npm i react react-dom webpack 및 babel 세팅 npm i -D webpack webpack-cli npm i -D @babel/core @babel/preset-env @babel/preset-react babel-loader // webpack.c.. 공감수 0 댓글수 0 2023. 9. 18.
[Ethereum] EIP와 ERC EIP와 ERC Ethereum 생태계는 탈중앙화되어 있지만 여전히 규칙을 설정할 주체와 업그레이드가 필요하다. 또 블록체인 상에서 무엇이 가능한지 정의하는 기준을 설정해야 한다. 이를 달성하기 위해 이더리움 사용자는 EIP(Ethereum Improvement Proposal, 이더리움 개선 제안)을 만들고 세부 사항을 논의한다. 또 제안을 거부하거나 실제 구현을 시작하기 위해 투표를 진행한다. 개선 및 추가된 사항에 따라, 현재 상이한 카테고리에 속하는 여러 유형의 EIP가 존재한다. 이러한 유형 중 하나는 이더리움 상에 토큰, 스마트 컨트랙트, 애플리케이션, 지갑 형식 등을 생성하기 위한 다양한 기술 표준을 제안, 토론, 구현하기 위한 용도로 핵심 이더리움 개발자들이 정의한 것이다. 이러한 EIP의.. 공감수 0 댓글수 0 2023. 9. 13.
[프로그래머스][JS] N개의 최소공배수 문제 설명 두 수의 최소공배수(Least Common Multiple)란 입력된 두 수의 배수 중 공통이 되는 가장 작은 숫자를 의미합니다. 예를 들어 2와 7의 최소공배수는 14가 됩니다. 정의를 확장해서, n개의 수의 최소공배수는 n 개의 수들의 배수 중 공통이 되는 가장 작은 숫자가 됩니다. n개의 숫자를 담은 배열 arr이 입력되었을 때 이 수들의 최소공배수를 반환하는 함수, solution을 완성해 주세요. 제한 사항 arr은 길이 1이상, 15이하인 배열입니다. arr의 원소는 100 이하인 자연수입니다. 솔루션(유클리드 호제법) function gcd(a, b) { if (b === 0) return a; return gcd(b, a%b); } function solution(arr) { r.. 공감수 0 댓글수 0 2023. 9. 13.
프레임워크와 라이브러리의 차이 초고 일주일 전, 팀스파르타 프론트엔드 면접에서 "프레임워크와 라이브러리의 차이점"에 대해 질문받았지만 제대로 답변을 하지 못했다. 그래서 한 번 정리해봤다. 프레임워크와 라이브러리는 소프트웨어 개발에서 중요한 역할을 하는 두 가지 다른 컴퓨팅 개념이다. 프레임워크 Framework 소프트웨어 개발을 위한 구조나 기반을 제공하는 추상적인 개발 환경 애플리케이션의 기본 구조와 뼈대를 정의하고 개발자에게 이를 따르도록 강제한다. 개발자는 프레임워크에 정의된 규칙과 구조를 따라야 하며, 이로써 코드의 일관성과 유지보수성이 향상된다. 예시: Spring(Java), Ruby on Rails(Ruby), Django(Python) 등 목적 애플리케이션의 전체적인 아키텍처와 설계 패턴을 제공하는 것 특징 특정 개념.. 공감수 0 댓글수 0 2023. 9. 13.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.