web sprit

1. 누르면 참고할 수있는 조건식들이 나옵니다.2. 내가 조건식을 만들고 저장한 목록들이 나옵니다.3. 조건식을 만들기전 내가 필요없는 것들에 대한 필터링을 지정할 수 있습니다.4. 조건식을 만들고 "내조건식 저장" 버튼을 누르면 조건식이 "내조건식" 탭에 저장 됩니다.

차트에서 마우스 우클릭을 하면 아래와 같은 화면이 나오는데 "수식관리자"를 클릭해주면 "수식관리"라는 창이 열립니다.이곳에서 기존 지표에서 수정하여 나만의 지표를 만들고 싶다면 기존 지표 하나를 클릭하여 왼쪽 상단의 복사를 눌러 기존 지표내용은 그대로 있으면서 새롭게 사용자 지표에 추가 됩니다.그럼 커스텀해서 상단의 작업저장 버튼을 누르면 나만의 지표를 만들 수 있게 됩니다.기술적 지표말고도 아래 신호검색, 시스템 트레이딩 등등 도 마찮가지로 커스텀해서 만들수 있습니다. 적용방법은 차트에서 마우스 우클릭하여지표는 지표추가신호검색은 신호검색적용을 클릭하여 차트에 적용할 수 있습니다.

X-Ray 순간체결량 (1413)장중에 5,000만원 이상 매수세가 들어올 종목 목록에 표시됩니다.실시간 종목 조회 순위 (0198)시장 참여자들이 많이 조회하는 순위 순서로 종목을 보여줍니다.실시간 조회 시간간격도 조정 가능합니다.순위분석 (0186) - 전일대비등락률상위, 거래대금상위를 탭으로 한번에 볼 수 있습니다.인포스탁섹터종목 (0659) - 테마주를 찾을때 사용을 하지만 주도주를 찾을때도 사용할 수 있습니다.거래대금상위 (통합) (0186)종목조건에 ETF + ETN + 스펙 제외를 선택하고 조회한 화면을 확인한다.

React 에서 스타일을 적용 종류인라인 스타일일반 CSSCSS Modules ( 예 : Button.module.css )styled-components (CSS-in-JS)Tailwind CSSSCSS(Sass) React 에서 스타일을 적용 방법일반 CSS 파일 사용.css 파일을 만들고 컴포넌트에서 import📁 Button.css.button { background-color: black; color: white; padding: 12px 20px; border-radius: 6px;} 📁 Button.jsximport './Button.css';function Button() { return Click;} 장점가장 단순함.기존 HTML/CSS 개발 방식과 동일단점클래스 이름 충돌 ..

JSX 란?React에서 UI를 만들 때 사용하는 JavaScript + HTML 혼합 문법입다.겉으로 보기에는 HTML처럼 보이지만, 실제로는 JavaScript 코드이며 React가 이를 화면으로 변환해줍니다.JSX를 사용하는 이유 (장점)1. UI 구조가 명확하여 읽기 쉽습니다.HTML 태그를 그대로 사용하므로 직관적입니다.2. 에러를 초기에 잡을 수 있습니다.JSX는 문법이 엄격하여 실수를 빠르게 알려줍니다.3. 동적 UI를 쉽게 만들 수 있습니다.변수, 연산, 조건문 등을 {} 안에서 자유롭게 쓸 수 있습니다.4. 컴포넌트 기반 구조에 최적화되어 있습니다.UI를 작은 단위로 나누어 관리하기 좋습니다.JSX 문법 규칙1. 반드시 하나의 부모로 감싸서 반환해야 합니다.return ( Hel..

React 컴포넌트란?**UI의 작은 조각(블록)**이야. HTML의 같은 요소가 아니라, “화면에서 어떤 역할(버튼, 카드, 리스트, 모달 등)을 하는 코드 단위” 입니다.레고 블록처럼 조합해서 큰 UI를 만든다고 생각하면 쉽습니다. 각각의 컴포넌트는 **자기 책임(책임 단위: 한 가지 역할)**을 갖는 게 좋습니다.React에서는 보통 함수형 컴포넌트를 사용합니다. 그냥 함수인데, JSX(HTML처럼 보이는 문법)를 반환하면 그게 컴포넌트가 됩니다.// hello.jsfunction Hello() { return 안녕!;}export default Hello; 컴포넌트 주의할점이름은 대문자로 시작 → HTML 태그로 인식됨. → React 컴포넌트로 인식됨.하나의 컴포넌트는 하나의 JSX 요소만 ..

우리가 웹사이트를 만들려면 프론트, 백앤드, 서버 등... 이런것들이 있어야 웹사이트를 만든다는 어느정도의 개념은 있습니다. 어떻게 보면 지금 설명하려는 전체적인 흐름에서 모든것을 설명할 수 없지만 어떻게 만들어지는가의 개념의 이해를 위해 필요한 내용들을 다루려 합니다. 저 또한 이 개념을 알기위해 정리하는 부분이라 이것에 대해 많은 지식을 가지신 분이라면 댓글로 알려주시면 수정하도록 하겠습니다.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] 컴포넌트 개념 (Component)React 컴포넌트란?**UI의 작은 조각(블록)**이야. HTML의 같은 요소가 아니라, “화면에서..

피그마 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 명령어를 터미널에 실행하면 막 쌸라쏼라(?) 영어가..