FE/Quick Start11 [Node.js] JavaScript 테스트케이스 입력 받기 / VSC에서 실행하기 걍 짤 하나면 끝나긴 하지만 .. 설명하자면 1. 코드파일을 만든다 .js 파일2. 다음 모양새로 짜 준다const readline = require("readline");const reader = readline.createInterface({ input: process.stdin, output: process.stdout,});const input = [];reader .on("line", (line) => { // 여기서 라인별로 수행할 작업 (input 받으면서 간단하게 거칠 작업 등) // 이를 테면 여기서 input.push(line); }) .on("close", () => { // 여기다가 풀이 넣기 console.log(input); });터미널로 T.. 2025. 2. 8. [JavaScript] softeer / 등의 알고리즘 풀이 사이트에서 JS input 받기 보호되어 있는 글 입니다. 2025. 2. 7. [Localtunnel] quick start 보호되어 있는 글 입니다. 2024. 10. 28. [tanstack-query] (TypeScript) quick start 이번 플젝에서는 tanstack-query를 사용하기로 했다 npm install @tanstack/react-query 설치해 주고 import ReactDOM from 'react-dom/client'; import { QueryClient, QueryClientProvider } from '@tanstack/react-query'; -- 여기 import './index.css'; import App from './App'; import reportWebVitals from './reportWebVitals'; const queryClient = new QueryClient(); -- 여기 const root = ReactDOM.createRoot(document.getEle.. 2024. 10. 25. [react-md-editor] quick start npm i @uiw/react-md-editor react-md-editor는 리액트 애플리케이션에서 마크다운 문서를 작성하고 보여줄 수 있는 에디터 라이브러리다. import React, { useState } from 'react';import MDEditor from '@uiw/react-md-editor';const MainComponent: React.FC = () => { const [mdValue, setMdValue] = useStatestring | undefined>('# hello world!'); return ( div className=""> h1 className="">Hello World!h1> div className=""> div d.. 2024. 10. 21. 자주 쓰는 DataFormatting 관련 함수 const dateFormatter = ( date:Date ) => { const year = date.getFullYear(); const month = String(date.getMonth() + 1).padStart(2, '0'); const day = String(date.getDate()).padStart(2, '0'); const hours = String(date.getHours()).padStart(2, '0'); const minutes = String(date.getMinutes()).padStart(2, '0'); // 아래 함수들을 사용할 경우 return `${getYear(date)}년 ${getMonth(date)}월 ${getDate(date)}일 ${getH.. 2024. 10. 21. [tailwind CSS] quick start npm install -D tailwindcss postcss autoprefixer npx tailwindcss init -p 패키지 설치 @tailwind base; @tailwind components; @tailwind utilities; index.css 최상단에 위 세 줄 추가 /** @type {import('tailwindcss').Config} */ module.exports = { content: [ "./src/**/*.{js,jsx,ts,tsx}", // tailwind CSS 적용할 파일 ], theme: { extend: {}, }, plugins: [],.. 2024. 10. 21. [Next.js / TypeScript] 웹소켓 채팅 세팅 / 연결하기 보호되어 있는 글 입니다. 2024. 9. 26. [Next.js] quick start 이번 프로젝트에서는 Next.js와 TypeScript를 사용한다그래서 간단히 찍먹해보기로 함 Node.js 설치 환경 하에 다음 콘솔 명령어 입력npx create-next-app@latest 사실 이거 말고 뭐 없음 .. ㅋㅋㅋ프로젝트 설정에 맞추어 생성하면 된다. 생성이 완료된 후에는 리액트처럼 cd PROJECTNAME 한 후에npm run dev h2 className="mb-3 text-2xl font-semibold"> Deploy{" "} span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none"> .. 2024. 8. 30. [STOMP] Quick start 웹소켓을 빠르게 써보기 위해 STOMP를 잡아 보았다quick .. ?한지는 모르겠지만 일단 엄청난 오류와 싸우는 중 데모 코드 출처https://velog.io/@limsubin/STOMP%EC%9D%84-%EC%95%8C%EC%95%84%EB%B3%B4%EA%B3%A0-%EA%B5%AC%ED%98%84%ED%95%B4%EB%B3%B4%EC%9E%90 STOMP을 알아보고 서버 구현해보자!Simple Text Oriented Messaging ProtocolTCP 또는 WebSocket 같은 양방향 네트워크 프로토콜 기반으로 동작Message Payload에는 Text or Binary 데이터를 포함 할 수 있다.pub/sub 구조로 동작Spring에서velog.io 위 출처의 코드를 받아오되 지원.. 2024. 7. 25. 이전 1 2 다음
