목록2025/08 (4)
web sprit
우리가 웹사이트를 만들려면 프론트, 백앤드, 서버 등... 이런것들이 있어야 웹사이트를 만든다는 어느정도의 개념은 있습니다. 어떻게 보면 지금 설명하려는 전체적인 흐름에서 모든것을 설명할 수 없지만 어떻게 만들어지는가의 개념의 이해를 위해 필요한 내용들을 다루려 합니다. 저 또한 이 개념을 알기위해 정리하는 부분이라 이것에 대해 많은 지식을 가지신 분이라면 댓글로 알려주시면 수정하도록 하겠습니다.1. 운영체제데이터, 서버 등을 다루기 위해 일단 하드웨어가 필요합니다. 더 단순히 말하면 컴퓨터가 필요한 거겠죠. 우리가 윈도우를 설치하여 컴퓨터에 사용하듯 웹개발을 위해 운영체제를 정하여 설치 하여야 합니다.대표적으로 운영체제는 운영체제 LinuxWindowsUnixLinux, Windows, Unix 등 ..

import 방법은 여러가지가 있지만 크게 두가지로 나누면 Named Import, Default Import 방법이 있습니다. 먼저 import 작성을 보면 이런식으로 3가지 방식으로 가져오는걸 본적이 있으실 겁니다. import 컴포넌트0 from './component.js'; import { 컴포넌트1, 컴포넌트2 } from './component.js'; import 컴포넌트0, { 컴포넌트1, 컴포넌트2 } from './component.js'; 왜 다 같은 컴포넌트인데 어떤건 대괄호 안에 넣어서 부르고 어떤건 그냥 써서 불러오고 하는걸까요? 아래의 Named Import, Default Import 보시면 왜 이렇게 불러오시는지 이해가 되실겁니다. 그밖의 나머지 불러오는 형식도 정리해 보..

퍼블리셔가 리액트 프록젝트에 참여하기 위해 필수로 알아야하는 스터디 목록을 정리하려 합니다.순차적으로 진행되는 스터디 목록은 이곳에 정리하여 나중에 확인하고 활용할 수 있도록 하겠습니다.[React] import 사용법 [React] import 사용법import 방법은 여러가지가 있지만 크게 두가지로 나누면 Named Import, Default Import 방법이 있습니다. 먼저 import 작성을 보면 이런식으로 3가지 방식으로 가져오는걸 본적이 있으실 겁니다. import 컴포kcmschool.com [React] 컴포넌트 개념 (Component)[React] JSX (JavaScript XML)[React] 스타일을 적용하는 여러가지 방법 (cin-line 스타일, CSS 모듈, styled-..

피그마 MCP를 설치하는 방법은 몇가지가 있지만,피그마에서 공식적으로 MCP를 제공해주게 되어 아무래도 이 방법이 좋을꺼 같습니다.뭐 적용방법이 쉽기도 합니다.피그마가 설치 되거나 사용한다는 전제하에 설명 드리도록 하겠습니다.1. bunx 또는 bun 설치 및 실행터미널에서 아래와 같은 명령어를 실행해 줍니다.bunx cursor-talk-to-figma-socket만약 bunx가 설치되어 있지 않다면 위의 명령이 실행되지 않습니다. 그럼 먼저 Bun을 설치합니다. Bun은 npm or npx로 설치해 줍니다.npm install -g bunnpx cursor-talk-to-figma-socket npx cursor-talk-to-figma-socket 명령어를 터미널에 실행하면 막 쌸라쏼라(?) 영어가..