전체 글79 [TypeScript] 타입스크립트 설정 파일 프로젝트의 최상단에 설정해야함 tsconfig.json { "include": [ // 전체 타입스크립트 포함 "src/**/*.ts" ], "exclude": [ // 노드모듈은 타입스크립트 컴파일 제외 "node_modules" ], "compilerOptions": { // 타입스크립트 컴팡일러 옵션들 "module": "CommonJS", // 모듈에 대한 옵션 "rootDir": "src", // 모듈의 루트가 되는 폴더지정 "outDir": "dist", // 최상위폴더 "target": "es5", // 컴파일할 버전 "sourceMap": true, // ts 파일도 console에서 확인 가능 "noImplicitAny": true, // any형식 방지 } } } 터미널에서 tsc 하면.. 2021. 1. 24. [React] Extension 추천 리액트 자동완성 :-D Auto Import - ES6, TS, JSX, TSX (VSCode Extension) import자동완성 되는 유용한 익스텐션 확장설치 따로 작성하지 않아도 파일명을 입력하면 상단에 적용됨 https://marketplace.visualstudio.com/items?itemName=NuclleaR.vscode-extension-auto-import 2020. 12. 28. [ReactJS] - useState() 동적 상태관리로 카운터 만들기 useState를 통한 동적 상태 관리 사용자 인터랙션에 따라 변하는 값들 관리해주는 Hooks기능 리액트 16.8이전 버전에서는 함수형컴포넌트에서는 상태를 관리할 수 없었음 16.8버전에 Hooks기능이 도입되면서 함수형컴포넌트에서도 상태를 관리 할 수 있게 되었음 ex) const [number, setNumber] = useState(0); useState를 통해 기본값 설정, useState는 배열을 반환 함 number는 현재 상태, setNumber는 바뀔 함수 카운터 만들기 실습 예제 1. App.js ( 부모 컴포넌트 ) import React from 'react'; import Counter from './component/Counter'; import './App.css'; class.. 2020. 12. 21. [Spring] 프레임워크 - 스프링 주요 특징 :-) POJO( Plain Old Java Object ) 기반의 구성 별도의 API가 필요하지 않은 일반적인 자바 코드를 이용하여 개발 가능 의존성 주입(DI)을 통한 객체 간의 관계 구성 AOP(Aspect oriented Programming)지원 반복적인 코드를 줄이고 개발자가 비즈니스 로직에만 집중할 수 있도록 지원함 편리한 MVC구조 WAS(Web Application Server)에 종속되지 않은 개발 환경 (톰캣서버와 같은 다양한 서버 사용가능) 1) loC(Inversion of Control, 제어의 역전) - 객체에 대한 제어권 기존에는 개발자에게 제어권이 있었음 (new 연산자) 객체의 제어권을 스프링에게 넘김 인스턴스의 라이프 사이클(생성부터 소멸까지)을 개발자가 아닌 스프링 프.. 2020. 12. 15. 이전 1 ··· 11 12 13 14 15 16 17 ··· 20 다음
