전체 글 (128) 썸네일형 리스트형 Storybook 설치하기 목차 (OPEN)🟥 Storybook 설치🟧 Storybook 기본 파일들🟨 스토리북에 Material Symbols 아이콘 추가하기 (현재 저는 pnpm + React + TypeScript 환경에서 개발 중입니다 👩🏻💻) 🟥 Storybook 설치일단 프로젝트 루트에서 아래의 명령어를 실행한다.pnpm dlx storybook@latest init 이렇게 하면 Storybook이 현재 프로젝트의 환경을 자동으로 감지하고,.storybook 폴더와 기본 스토리 파일들을 생성해준다. 잘 설치되었는지 확인하고 싶다면, 아래의 명령어를 실행해주면 된다.pnpm run storybook 이후 브라우저에서 http://localhost:6006 에 접속하면 Storybook UI를 확인할 수.. [컴퓨터통신] 컴퓨터 통신의 정의와 기본 개념 목차 (OPEN)📑 들어가며🟥 컴퓨터 통신이란🟧 컴퓨터 기반 기기에서 의사(의미)란🟨 데이터 전달 및 교환이란🟩 통신 방식🟦 이질성 극복을 위한 방법 📑 들어가며이 카테고리에는 컴퓨터 통신 수업에서 공부한 내용을 포스팅하려고 한다. 오늘의 포스팅은 OT 시간에 다뤘던 내용으로,"컴퓨터 통신이란 무엇인가", "컴퓨터 기반 기기에서 의미 교환이란 무엇을 교환하는 것일까" 등의 기본적인 개념을 다룰 것이다. 오늘 정리하는 내용은 앞으로의 수업을 따라가면서 더 깊이 배우게 될 내용들의 기초인 만큼,확실히 알아두면 큰 도움이 될 것 같아서 기초부터 차근차근 꼼꼼하게 정리해두고 머릿속에 넣어놔야겠다. 🟥 컴퓨터 통신이란컴퓨터 통신이란, 컴퓨터나 스마트폰 같은 기기를 통해서 사람들이 정보를 주고.. [코테/Python] 세금 징수 목차 (OPEN)📑 문제💡 아이디어👩🏻💻 전체 코드📚 결론 📑 문제방향 그래프가 있고, 각 간선에는 통행료 d 와 폐쇄 비용 c 가 붙어 있다.시작점 s 에서 도착점 e 로 가는 총 통행료가 x 이하인 모든 경로에 포함되는 간선을 전부 폐쇄하려 한다.여러 질의 x 에 대해서 폐쇄해야 할 간선들의 폐쇄 비용 합을 구해야 한다. 💡 아이디어핵심은 간선 단위로 그 간선을 지나는 s -> e 경로의 최소 통행려를 한 번에 계산해두는 것이다.이 값을 미리 알면 질의 x마다 임계갑 이하인 간선만 합산하면 되기 때문에 효율적이다. 간선마다 최소 비용 계산하기만약 어떤 도로 u -> v 가 있다고 해보자.이 도로가 실제로 s - > e 경로에 포함되려면, 아래의 3가지 요소를 모두 더해줘야 한다.. [코테/Python] 도형 만들기 목차 (OPEN)📑 문제🔎 조건 분석💡 아이디어👩🏻💻 전체 코드📚 결론 📑 문제서로 다른 막대기 n개가 주어진다.각 막대기의 길이는 a1, a2, ..., an 이다.이 중 3개 이상의 막대기를 골라 넓이가 0이 아닌 단순 다각형을 만들 수 있는 경우의 수를 구해야 한다.경우의 수는 매우 클 수 있으므로 10^9 + 7 로 나눈 나머지를 출력한다. 🔎 조건 분석이 문제는 꽤 어려워서 시간을 많이 투자했던 만큼 ,,조건 분석부터 하고 시작해보려 한다. 우리가 단순 다각형을 하나 그렸다고 생각하자.가장 긴 변의 길이를 Lmax , 나머지 변들의 합을 Srest 라 해보자. 이제 다각형에서 Lmax의 양 끝 점을 A, B라 두고,나머지 변들만 따라서 A에서 B까지 걸어가는 상황을 상.. [코테/Python] 상자 안 목차 (OPEN)📑 문제💡 아이디어👩🏻💻 전체 코드📚 결론 📑 문제N * M 격자로 표현할 수 있는 바닥 위에 상자와 공이 놓여있다.X: 상자의 위치O: 공의 위치. : 빈칸상자는 직사각형 모양으로, 격자상에서 연속된 X들로 표현된다.이때 공(O)이 상자의 테두리 안쪽에 있는지 확인해서상자 내부에 있다면 "Y"를, 그렇지 않다면 "N"을 출력해야 한다. 💡 아이디어이거는 다들 어디선가 많이 봤던 문제일 것 같아서 아이디어라고 적기도 애매하지만 ..😅그래도 간단히 적어보면 아래와 같다. 상자의 테두리 좌표 구하기1) 왼쪽 위 꼭짓점의 좌표는 (r1, c1)2) 오른쪽 아래 꼭짓점의 좌표는 (r2, c2)공의 위치 확인하기공의 좌표 (br, bc)가 r1 그리고 c1 범위 안에 .. [코테/Python] 페인트칠 목차 (OPEN)📑 문제💡 아이디어👩🏻💻 전체 코드📚 결론 얼마전에 졸업 필수요건인 코테 1차 시험 겸 교내 코딩 경진대회에 참여했었는데,더 미루면 문제를 까먹을 것 같아서 우선 간단히 기록해두려고 한다 ,,🤧따로 문제를 올려주시지는 않았고, 내가 제출한 파일만 다운받을 수 있게 돼있어서문제 설명이 많이 빈약할 수도 있다 .. 📑 문제n개의 벽돌이 주어진다.쿼리 2가지가 주어진다.1) `1 p x` 형태의 입력이 들어오면 👉🏻 p번 벽돌을 x번 색으로 다시 칠한다.2) `2 x` 형태의 입력이 들어오면 👉🏻 모든 벽돌을 x번 색으로 다시 칠한다.모든 쿼리를 수행한 뒤, 각 벽돌의 최종 색깔을 출력해야 한다. 즉, 전체 색칠과 부분 색칠이 섞여 있을 때,각 벽돌의 최종 상태를 .. [리액트 기초 스터디] JavaScript 객체(Object) 목차 (OPEN)📑 JavaScript 객체(Object)🟥 객체 생성 방법🟧 객체 프로퍼티 (속성)🟨 객체 프로퍼티 다루기🟩 심화) 객체의 특별한 특징📚 결론 📑 JavaScript 객체(Object)자바스크립트에서 객체(Object)는 현실 세계의 사물이나 개념을 표현하는 데이터 구조다. 예를 들어 사람을 표현하려면 이름(name), 나이(age), 취미(hobby) 같은 정보가 필요하고,자동차를 표현하려면 브랜드(brand), 색상(color), 속도(sped) 같은 정보가 필요할 것이다. 그리고 이러한 것들을 키-값 쌍(key-value pair)의 객체로 표현하면,여러 정보를 하나의 덩어리로 묶어 쉽게 관리할 수 있게 된다. 즉, 그냥 객체는 정보를 묶어서 표현하는 그릇 정.. [리액트 기초 스터디] JavaScript 클로저 (Closuer) 목차 (OPEN)📑 JavaScript 클로저(Closuer)🟥 예제 1) 기본적인 클로저🟧 예제 2) 클로저 없이 구현했을 때와 비교해보기🟨 예제 3) 여러 클로저 인스턴스🟩 스코프 체인과 클로저의 관계📚 결론 📑 JavaScript 클로저(Closuer)앞선 포스팅에서 살펴봤던 것처럼자바스크립트에서는 함수가 변수를 찾을 때 스코프 체인을 따라 바깥쪽까지 거슬러 올라가게 된다. (이전 포스팅 참고) [리액트 기초 스터디] JavaScript 스코프 체인 (Scope Chain)목차 (OPEN)📑 JavaScript 스코프 체인 (Scope Chain)🟥 스코프 체인의 기본 원리🟧 예제로 살펴보기📚 결론 📑 JavaScript 스코프 체인 (Scope Chain)앞선 포스팅.. 이전 1 2 3 4 5 6 7 ··· 16 다음
