분류 전체보기

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..

일단 예제부터 볼겨 import React, { Component } from 'react'; class App extends Component { state = { arr : ['멍멍','어흥','냥냥','깎깍'] } render() { console.log(`render`,this.state.arr); const list = this.state.arr.map((v,k)=> this.setState({ arr: this.state.arr.slice(0,k) .concat(this.state.arr .slice(k+1,this.state.arr.length)) }) }} key={k}>{v} ) return ( App.js {list} {//이거는 배열에 더해주기 onDoubleClick this.set..

아니 잘되다가 내가 디버깅창 몇개 만져따고 저러는거야? react에서 디버깅과 관련하여 디버그 콘솔을 돌리다가 생긴 에러이다 프로그램 실행에서 경로를 찾을수 없다는 문제같은데... 생각보다 예민쓰;; 암튼 짜증나서 뭐 이것 저것 찾다가.. launch.json을 켜보자 저기 위에 프로그램 실행이 있다 { // IntelliSense를 사용하여 가능한 특성에 대해 알아보세요. // 기존 특성에 대한 설명을 보려면 가리킵니다. // 자세한 내용을 보려면 https://go.microsoft.com/fwlink/?linkid=830387을(를) 방문하세요. "version": "0.2.0", "configurations": [ { "type": "node", "request": "launch", "name":..

ojdbc8, ojdbcc14, ojdbc6 등등 ojdbc13 : jdk1.3 ojdbc14 : jdk1.4 ojdbc5 : jdk1.5 ojdbc6 : jdk1.6 jdbc Driver설정을 할때 현재 자신이 사용하는 jdk버전에 맞는 ojdbc.jar를 사용해야 한다. 보통 오라클 10은 ojdbc14.jar를 사용하고 11g는 ojdbc.jar로 사용한다고 한다. 만약 jdk버전이 더 높다거나 할 경우에 가장 최신버전을 사용하면 된다. 즉, ojbdc의 숫자는 PC에 설치된 JDK버전과 관계가 있다.

map()은 다음과 같이 사용한다 let ar = [10,20,30,40]//이거능 기본 console.log(ar); //결과 배열 : 적당하게 가공하여 얻은 let br =ar.map((n)=>{ console.log(n); return n*10 }) console.log(br);//[ 100, 200, 300, 400 ] 배열을 순차적으로 순회하면서 어떠한 것을 수행한다. arr.map(callback, [thisarg]) 일단 map에 줘야할 인수는 위와 같다. let cr =ar.map((n,k)=>{//k는 index번호 console.log(n); return n*k }) console.log(cr); //[ 0, 20, 60, 120 ] let dr = [ {a : 10,b:20} , { ..