본문 바로가기

Props, State (리액트 컴포넌트 속성, 상태) Props, State (리액트 컴포넌트 속성, 상태) Properties(속성)의 Props이다. 리액트에서 변동하지 않는 데이터를 다룰 때 사용한다.123456789101112131415161718192021222324252627282930import React, { Component } from 'react';import PropTypes from 'prop-types';import logo from './logo.svg';import './App.css'; class App extends Component { render() { return ( Welcome to React 이름은 {this.props.name} 이고, 나이는 {this.props.age} 입니다. ); }} App.PropTyp..
JSX (React Component) JSX React에서는 Javascript 문법이 아닌 JSX문법을 사용해서 UI를 만든다.JSX의 특징1. 빠르다. (컴파일)2. Type-safe 다. (예측불가능한 결과를 내지 않는다. 쉽게 얘기하면 타입에 엄격)12345678910import React from 'react'; class App extends React.Component { render(){ return ( jeong-pro blog ); }}export default App; [App.js]import React from 'react'는 ES6문법으로 var React = require('react')와 같다.React 모듈은 Component를 만들 때 사용한다.class 도 ES6문법으로 이전에는 클래스를 느낌만 주고 pro..
SQLD 후기 (26회 SQL개발자 시험 합격 후기) SQLD 합격 후기 (제 26회) SQLD 시험 후기시험보고난 직후에 쓴 후기는 다른 포스트에서 했기때문에 간략하게 적습니다.일단 인증...부터 합니다만 성적이 말이 아닙니다.후기남기기도 민망한 턱걸이 합격.직후에 적은 후기에 말씀드렸다시피 주관식은 다 틀렸다고 했기때문에 SQL 기본 및 활용에서 점수가 안좋을 것이라고 예상은 했습니다.근데 데이터모델링의 이해에서 반타작했다는건... 잘 모르겠습니다.개인적으로는 합격해서 다행이고 기쁜일인데 SQL 쿼리작성 실력에서 전성기때 본 시험치고는 안타깝습니다.사설은 여기까지 하고 다른 분들에게 도움되는 방법을 소개하겠습니다.한국데이터베이스진흥원에서 나온 'SQL 전문가 가이드' 책에서 95퍼센트 이상 나옵니다.그러나 그 95퍼센트가 내용상 나온 것이라는 점이 중요..
리액트(React) 환경 설정 (create-react-app) 리액트(React) 시작하기 - (create-react-app) 리액트를 시작하는 가장 쉬운 방법은 create-react-app을 이용하는 방법이다.환경설정할 때 babel, webpack 등을 설치해야 하지만 create-react-app으로 리액트 애플리케이션을 만들면이러한 작업들을 create-react-app이 대신 설정해주고 숨겨준다.리액트 프로젝트 만들기1. "npm install -g create-react-app"2. "create-react-app 프로젝트명(my-app)"3. "cd 프로젝트명(my-app)"4. "npm start"이렇게하면 샘플 애플리케이션이 localhost:3000 에서 실행된다.[create-react-app 샘플 화면] create-react-app을 통해..
리액트(React) 리액트(React) React는 페이스북에서 개발한 UI 라이브러리로 재사용 가능한 UI를 생성할 수 있게 해준다.React는 라이브러리긴 하지만 Redux, react-router와 함께 프레임워크처럼 사용된다.React는 Virtual DOM이라는 개념을 사용하여 상태 변화에 따라 선택적으로 UI를 렌더링한다.DOM (Document Object Model)객체를 통해 구조화된 문서를 표현하는 방법. (XML,HTML로 작성)웹 브라우저(클라이언트)는 DOM을 통해서 javascript, css를 적용한다.DOM의 문제점DOM API의 최대 문제점은 동적 UI에 최적화되지 않음이다.대규모 애플리케이션 또는 수 많은 데이터가 로딩되고 표현해야하는 애플리케이션에서 DOM에 직접 접근하여 프론트엔드에 변화..
Express generator (Express 프레임워크 구조화 및 관리) Express Generator Node.js 에서 Express 프레임워크를 사용하면서 지금까지는 단순하게 npm init으로 package.json을 만들고 dependency를 설정하고, npm install로 모듈 설치하고, app.js파일 만들고, 라우트할꺼 라우트하고, 뷰 엔진은 뭐를 쓸 것이며 그 뷰 파일들은 어디에 있고 기타등등... 의 일을 해왔다.일종의 설정이었다.프로젝트 디렉토리가 어떤 구조를 가지며 Express에서 어떤 미들웨어, 모듈들을 사용할 것인지 등에 대한 설정.이러한 설정을 편리하게 일반적인 구조로 만들어주는 것이 바로 Express Generator다.이용 방법은 굉장히 간단하다.1. 명령프롬프트에 "npm install express-generator -g" 한 줄을 ..
자바 쓰레드 (멀티스레드, 스레드 세이프, 스레드 풀) 자바 쓰레드 (JAVA Thread) 쓰레드 : 프로세스(실행중인 프로그램)에서 하나의 실행 흐름.자바는 멀티 쓰레드를 지원하는 언어로 멀티 쓰레드란 말 그대로 하나의 프로그램에서 여러 개의 실행 흐름을 만들고 실행 할 수 있다는 것이다.멀티쓰레드를 사용 하는 이유 : 외부와의 연계같이 대기 시간이 발생했을 때 기다리는 동안 다른 일을 처리할 수 있게 해서 처리 속도를 빠르게 하기 위함이다.* 단, CPU코어 수가 적으면 쓰레드를 그 만큼 만들 수 없기 때문에 드라마틱하게 빨라지지 않고, 처리하는 데이터 양이 적을 때에도 속도가 많이 빨라지지 않기 때문에 쓰레드를 적절한 경우에 사용하는 것이 좋다.쓰레드 만드는 법 1. Runnable 인터페이스를 상속(확장)한 클래스를 만든다. (Runnable 인터페..
JAVA CSV 파일 입출력 Java CSV 파일 입출력 CSV 파일은 Comma Separated Values 이름 그대로 콤마(,)로 구분하는 데이터 저장 형식이다.개인적으로 엑셀파일에 데이터가 있을 때 엑셀의 다른이름으로 저장에서 파일형식을 .csv 로 바꿔서 입출력했다.R프로그래밍을 했을 때도 입출력했던 기억이 있다.1. csv파일 읽기[csv 파일 샘플]엑셀에 적고 .csv파일로 저장한 다음에 메모장을 통해 csv파일을 열어보았을 때 화면이다.그냥 메모장에서 샘플파일을 만들어 저장해도 무관.* 주의할 점은 UTF-8 형식의 유니코드로 저장해야 에러가 없다. (에러나면 메모장에서 UTF-8로 저장하고하면 됨.)12345678910111213141516171819202122232425262728293031323334353637..