일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- JavaScript
- 자바스크립트
- typeScript
- 리액트 공식문서
- 한글 공부 사이트
- useEffect
- 내일배움캠프 프로젝트
- 코딩테스트
- 리액트 공식 문서
- useState
- 파이썬 for in
- 리액트 프로젝트
- 타입스크립트 리액트
- 내배캠 프로젝트
- 파이썬 enumerate
- 리액트 훅
- 파이썬 slice
- 파이썬 딕셔너리
- 파이썬 for
- 파이썬 replace
- Next 팀 프로젝트
- 프로그래머스
- 리액트
- 타입스크립트
- tanstack query
- 내일배움캠프
- React Hooks
- 내일배움캠프 최종 프로젝트
- 파이썬 반복문
- REACT
- Today
- Total
목록전체 글 (311)
sohyeon kim
💡 D3.js 란? (Data-Driven Documents)웹에서 데이터를 시각화하는 데 사용되는 자바스크립트 라이브러리주로 동적인 데이터 기반의 그래픽을 만들 때 사용SVG, HTML, CSS 등을 활용해 데이터를 시각적으로 표현할 수 있게 도와줌클라이언트 측에서만 동작하는 라이브러리이므로 Next.js 의 서버사이드에서 사용하지 않도록 설정 필요기본 개념DOM 조작 : D3.js 는 HTML, SVG 요소들을 조작해 데이터를 시각화한다.select, append, attr, style 등의 메서드를 사용해 DOM 요소를 동적으로 생성하고 스타일을 변경할 수 있다.데이터 바인딩 : 가장 중요한 특징 중 하나로 데이터와 DOM 요소를 바인딩할 수 있다.data() 메서드를 사용해 데이터를 바인딩 하고..
📝 문제혁준이는 오늘 학교에서 N 개의 강의를 들어야 한다. 모든 강의는 x 축 위의 서로 다른 좌표에 존재하는 강의실에서 진행된다. i 번째 강의실은 x = A(i) 에 있고, 처음에 혁준이는 x = 0 에 있다. 혁준이가 x 축 위에서 왼쪽 또는 오른쪽으로 1 만큼 이동할 때마다 1 초의 시간이 걸린다. 혁준이는 초급 마법사라서 최대 K 번 순간이동을 할 수 있다. 순간이동을 하면 현재 위치에서 원하는 다른 위치로 즉시 이동하고, 시간은 소요되지 않는다.혁준이가 x = 0 에서 출발하여 모든 강의실을 한 번씩 들르는 데 걸리는 최소 시간을 구해보자. 강의를 듣는 데 걸리는 시간은 없다. 🫠 나의 풀이import sysinput = sys.stdin.readlineN, K = map(int, inp..
💡 새로운 경제 패러다임, A2A 에 대해 알아보자.A2A 경제 : 인공지능(AI) 또는 자동화된 소프트웨어 에이전트들이 서로 직접 상호작용하여 경제활동을 수행하는 시스템한때 기업은 서로 직접 협상(B2B)하고 소비자는 신뢰할 수 있는 브랜드와 교류(B2C)했지만, 이러한 상호작용은 대체로 자동화될 것.기업은 제품 라인, 재고, 가격, 배송 상태, 심지어 법적 제약까지 이해하는 도메인별 인텔리전스를 갖춘 전문 AI 에이전트 팀을 배치할 것이다. 소비자는 일상적인 비서 역할을 하는 개인 AI 에이전트 또는 재정, 엔터테인먼트, 의료, 여행 등 일상 생활을 개인적 선호도, 소속, 식단 제한, 구매 내역, 예산에 맞춰 관리하는 여러 에이전트를 갖게 될 것이다. 이러한 소비자 대상 에이전트(A2C)는 관련 서..
💡 LLM 대형언어 모델 VS Agent 에이전트LLM, Large Languafe Model, 대형 언어 모델대량의 텍스트 데이터를 학습한 딥러닝 기반의 자연어 처리(NLP) 모델입력된 텍스트를 기반으로 패턴을 분석하고 최적의 응답을 생성정적 Static 이며 사전 학습된 지식을 바탕으로 동작e.g. GPT-4, PaLM, Claude, Llama 등 Agent, AI Agent, 에이전트특정 목표를 수행하기 위해 능동적으로 동작하는 AI 시스템LLM 을 포함할 수도 있고, 여러 AI 기술을 조합하여 동작외부 API 호출, 데이터 검색, 파일 조작, 코드 실행 등 환경과 상호작용 가능동적 Dynamic 이며 특정 목표를 위해 의사결정 가능e.g. AutoGPT (LLM 을 활용하여 스스로 목표 수행)..
💡 세일즈 인텔리전스 Sales Intelligence 의 세 주요 기업에 대해 알아보자.세일즈 인텔리전스 : 영업 및 마케팅 활동을 최적화하기 위해 고객 및 시장 데이터를 수집, 분석, 활용하는 기술과 프로세스로,단순한 고객 리스트 제공을 넘어, 데이터를 기반으로 보다 정교한 영업 전략을 실행할 수 있도록 지원하는 도구이다.효과적인 잠재 고객 발굴 Lead Generation : AI 및 데이터 분석을 활용해 전환 가능성이 높은 잠재 고객을 찾아냄고객 정보 수집 및 업데이트 : 웹 크롤링, DB, SNS 등을 통해 실시간으로 기업 및 담당자 정보 수집맞춤형 영업 전략 수립 가능 : 최적의 연락 방법과 타이밍을 분석해 효과적인 영업 실행 지원 1. 아폴로 Apollo 🇺🇸 B2B Sales Plat..
📝 문제크리스마스에는 산타가 착한 아이들에게 선물을 나눠준다. 올해도 산타는 선물을 나눠주기 위해 많은 노력을 하고 있는데, 전세계를 돌아댕기며 착한 아이들에게 선물을 나눠줄 것이다. 하지만 산타의 썰매는 그렇게 크지 않기 때문에, 세계 곳곳에 거점들을 세워 그 곳을 방문하며 선물을 충전해 나갈 것이다. 또한, 착한 아이들을 만날 때마다 자신이 들고있는 가장 가치가 큰 선물 하나를 선물해 줄 것이다.이제 산타가 선물을 나눠줄 것이다. 차례대로 방문한 아이들과 거점지의 정보들이 주어졌을 때, 아이들이 준 선물들의 가치들을 출력하시오. 만약 아이들에게 줄 선물이 없다면 -1을 출력하시오. 🫠 나의 풀이import syssys.stdin = open('input.txt', 'r')# input = sys...

💡 Next.js 공식문서 정리 - 데이터 가져오기 Data Fetching1. 데이터 가져오기 Data Fetching데이터 가져오기는 모든 애플리케이션의 핵심 부분이다. 선호하는 방법을 사용해 데이터를 가져오는 모범 사례를 살펴보자. 데이터를 서버에서 가져올까, 클라이언트에서 가져올까?이는 구축 중인 UI 의 유형에 따라 다르다. 실시간 데이터(e.g. 폴링)가 필요하지 않은 경우, 서버 컴포넌트를 사용해 서버에서 데이터를 가져올 수 있다. 이렇게 하면 몇 가지 이점이 있다.단일 서버 라운드 트립으로 데이터를 가져올 수 있어 네트워크 요청 수와 클라이언트-서버 워터폴을 줄일 수 있다.클아이언트에 노출되면 안되는 민감한 정보(e.g. 액세스 토큰 및 API 키)를 보할 수 있다.애플리케이션 코드와 D..
📝 문제첫 번째 줄에 올바르지 않은 괄호열 S가 주어집니다. S의 길이는 1 이상 50 이하입니다.첫 번째 줄에 S를 올바른 괄호열으로 만들기 위해 앞과 뒤에 붙여야 할 괄호의 최소 개수를 출력합니다. 불가능한 경우는 주어지지 않습니다. 🫠 나의 풀이import syssys.stdin = open('input.txt', 'r')# input = sys.stdin.readlineS = input().strip()stack = []cnt = 0for i in S: if i == '(': stack.append('(') else: if stack: stack.pop() else: cnt += 1print(len(stac..
💡 추상 자료형 Abstract Data Type먼저 기능과 구현의 차이에 대해 알아보자.기능 : 연산이 '무엇'을 하는지에 관한 내용구현 : 기능을 ' 어떻게' 하는지에 관한 내용삽입 연산 insert operation 의 기능과 구현은 뭘까?삽입 연산 기능 : 순서 데이터에서 원하는 위치에 데이터를 저장삽입 연산 구현동적 배열 삽입 : 데이터를 메모리에 순서대로, 연속적으로 저장하기에 중간에 삽입할 경우 데이터를 한 칸씩 미뤄서 저장링크드 리스트 삽입 : 더블리 링크드 리스트는 각 노드가 앞, 뒤 노드에 대한 레퍼런스를 저장해 순서를 유지하기에 앞 뒤 레퍼런스를 수정해 저장그럼 추상화란?추상화 : 구현을 몰라도 기능만 알면 사용할 수 있게 해주는 것, 추상화를 하면 이미 쓴 코드를 재활용하고 협력하..

💡 Next.js 공식문서 정리 - 라우팅 Routing1. 시작하기Next.js란?풀스택 웹 애플리케이션을 구축하기 위한 React 프레임워크사용자 인터페이스를 만들기 위해 React 컴포넌트를 사용하고, 추가 기능 & 최적화를 위해 Next.js 를 사용한다.내부적으로 Next.js 는 번들링, 컴파일링 등 React 에 필요한 도구를 추상화하고 자동으로 구성한다.➡️ 이를 통해 설정에 시간들이지 않고 애플리케이션 구축에 집중할 수 있다.Next.js 의 주요 기능라우팅 : 레이아웃, 중첩 라우팅, 로딩 상태, 오류 처리 등을 지원하는 서버 컴포넌트 기반의 파일 시스템 라우터렌더링 : 클라이언트 및 서버 컴포넌트를 사용한 렌더링, 정적 및 동적 렌더링으로 서버에서 추가 최적화, Edge 및 Node..