전체 글

데이터 그립 잘 사용하고 있는 도중 인스턴스 하나 연결했더니 안보인다 일단 Properties로 가서 해당 Data Source누른다음에 schemas로 가서 걍 저거 체크해주면 끝. 갑작스러워서 당황스러워따

``` "prettier.arrowParens": "always", "prettier.semi": false, "prettier.trailingComma": "all", "prettier.printWidth": 100, "prettier.singleQuote": true, ```

대부분 라이센스 MIT ■ moon https://github.com/TaylanTatli/Moon TaylanTatli/Moon Moon is a minimal, one column jekyll theme. Contribute to TaylanTatli/Moon development by creating an account on GitHub. github.com ■ whiteglass https://yous.github.io/whiteglass/ whiteglass theme Minimal, responsive Jekyll theme for hackers. yous.github.io ■ Type-on-Strap https://sylhare.github.io/Type-on-Strap/ Type on St..

org.springframework.boot spring-boot-starter-test test org.apache.tomcat.embed tomcat-embed-jasper provided src/main/webapp/WEB-INF/views index.jsp 생성 spring.mvc.view.prefix=/WEB-INF/views/ spring.mvc.view.suffix=.jsp 어플리케이션프로퍼티스 Hello World 링크 저거 누르면 boot에서 제공하는 404 package com.example.pack01; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.Reque..

1. Ruby devkit 설치 https://rubyinstaller.org/downloads/ Downloads Which version to download? If you don’t know what version to install and you’re getting started with Ruby, we recommend you use Ruby+Devkit 2.6.X (x64) installer. It provides the biggest number of compatible gems and installs MSYS2-Devkit alongside Ruby, s rubyinstaller.org 알아서 두게 놔두고 도스창 나오면 엔터 착실하게 쳐주면 됨 2. git repository정하기 [자기 ..

보호되어 있는 글입니다.

보호되어 있는 글입니다.

보호되어 있는 글입니다.

보호되어 있는 글입니다.

보호되어 있는 글입니다.

보호되어 있는 글입니다.

yarn add redux react-redux immutable redux-actions redux-pender axios react-router-dom --save 1. redux 상태관리 ex. bindActioncreators 2. react-redux 리액트 컴포넌트에서 리덕스를 더욱 간편하게 사용할 수 있다. ex. connect, provider 3. redux-actions redux사용시 간편하게 ex. createAction, handelActions 4. redux-pender 프로미스 기반 액션들을 관리하기 위한 미들웨어&도구 포함. 특히 action생성과 reducer에서의 처리과정이 간소화 된다. 5. immutable state를 업데이트 할때에는 state의 불변성을 유지시켜..

import { BrowserRouter, Route, Link } from 'react-router-dom' link? 타이핑을 대신해준다? 클릭하면 그 url과 enter를 같이 쳐준다 home tiger/name 이렇게하면 gpp를 대신 걍 눌러줌 타이핑 대용으로 쓴다. enter 필요없이! 저거 딱 누르면 저렇게 만들어준당~ 여기서

react-router-dom query-string 설치 yarn add react-router-dom query-string --save App.js 가셈 Root.js로바꾸셈 import { BrowserRouter } from 'react-router-dom' 이렇게하면 browserRouter 사용가능 그 밑에 App.js만드셈 함수형컴포넌트로 class Root extends Component { render() { return ( Root.js ); } } function App(props) { return ( App.js ); } function Bpp(props) { return ( Bpp.js ); } 이제부터 App는 route장비입니다 장비이름은 물논 Bpp도 마찬가지 import ..

css 할라고 npm install node-sass npm install open-color npm install sass-loader npm install classname npm install node-sass open-color sass-loader classnames --save //군데군데 쓰임 index.css를 .scss로 바꾸기 ~의 의미? install을 시키면 lib가 node_module에 전부 들어간다. open-color가 node에다가 자동으로 들어간다 index.scss @import '~open-color/open-color'; body { background: $oc-gray-1; margin: 0px; } main가서 h1태그 걸어라 a.scss파일 만들기 .Redbox..

import React, { Component } from 'react'; import { connect } from 'react-redux' //import Bpp from './bpp' //import Compo1 from './compo1' class App extends Component { render() { //console.log(`>>app render`) return ( {/* {this.props.num} bnt {this.props.age} bnt */} ---App.js--- button dec {this.props.num} ); } } class Com1 extends Component { render() { return ( com1 button ); } } export const..

클릭하면 숫자가 1씩 증가하는 것을 만들 예정이다. 총 5단계로 나뉘어진다. 일단 App.js에서 이루어진다. import React, { Component } from 'react'; class App extends Component { render() { console.log(`app .js `) return ( {this.props.num} bnt ); } } 이렇게 설정한다 App.js가 받은 props를 받아 사용하기때문에 h1태그에는 this.props.num을 넣어주어따. button을 누르면 onMyClick이 실행되고 h1의 num이 증가된다. 1. action 만들기 const actionTo = (dispatch)=>{ console.log(`action call`); return {..

let obj = { name:`길똥`, age:100, } // let name = obj.name // let age = obj.age const { name, age } = obj //obj에 있는 필드명과 동일한 놈은 담아진다 전역변수이름으로 사용할수있다. 순서 상관없다 console.log(name,age); //몇개만 뽑아와서 쓸수이따 function func1(obj){ const {name,age} = obj console.log(`hihi`,name, age); } func1(obj) const ar = [10,20,30,40] const [t1,t2,t3] = ar console.log(t1,t2,t3); 저번 자바스크립트 잡문법에서 이렇게 했던 기록이 있었다. const dr = [2..

전개 연산자는 어딘가 중간에 같은 요소를 끼워 넣어야 할 때 사용한다. //전개 연산자? : 어딘가 중간에 끼워넣어야함 let ar = [10,20,30,40] let br = [50,ar,60]//중간에 끼워넣어야함 //배열요소 안에 배열이 들어가버림 console.log(br);//[ 50, [ 10, 20, 30, 40 ], 60 ] let cr = [50,...ar,60]//전개 연산자 사용문법 console.log(cr);//[ 50, 10, 20, 30, 40, 60 ] const obj1 = { a:10, b:20, c:30, } const obj2 = { d:40, ...obj1, //여기에 넣고 싶당 e:50, } console.log(obj2);//{ d: 40, a: 10, b: 20..

음 컴포넌트는 보통 class로 이루어져 있다. 함수처럼 컴포넌트를 사용할수도 있다. class ClassComponent extends Component { render() { return ( ); } } 기본적인 클래스형태의 컴포넌트는 위와 같다. 클래스를 선언하고 그안에 랜더함수를 불러서 랜더가 리턴시키는 형식이다. 함수형 컴포넌트를 보쟈 function FunctionalComponent1 (props){//이것도 컴포넌트다 마 return ( {props.a} ) } const FunctionalComponent2 = (props)=>{ return ( {props.a} ) } 이렇게도 활용할 수 있다 rsc snippet을 쓰면 ...더보기 이렇게나온다. import React from 're..