전체 글
-
[React] React 에서 class 사용하기FRONT-END/React 2020. 11. 4. 15:17
| this.props 란? 한국어로 말하면 "이 속성"이다. 클래스 내에서 기술했으니 클래스 안에서 정의되어 있는 first 와 last를 의미한다. *함수나 const로 되어있는곳에서는 this.props 가 적용되지 않는다. import React, {Component} from "react"; class MyName extends Component { render(){ const {first,last} = this.props; return( 이름 : {first} {last} 닉네임 : {this.props.first} {this.props.last} ) } } export default MyName; | jsp 와 React의 출력 방식의 차이 jsp 문서에서 표현식 출력 jsp 문서에서 EL ..
-
[React] React 에서 값 넘기기FRONT-END/React 2020. 11. 4. 14:17
| src 밑에 MyName.js 파일을 하나 만들어준다. | 함수를 작성하고 MyName 이라는 이름으로 이 문서를 사용할 수 있도록 맨 밑에 export default MyName; 로 적어준다. function MyName(){ return( ) } export default MyName; | App.js 문서에서 데이터를 전송하도록 한다. import React from 'react' import logo from './logo.svg'; import './App.css'; import './css/mystyle.css' import my from './images/torikelly.png' import MyName from './MyName'; export default class App ext..
-
[React] React 에서 css 사용하기FRONT-END/React 2020. 11. 4. 13:40
| css 파일 css 폴더의 mystyle.css 을 살펴보니 클래스 . 가 있다. 그렇다면 이렇게 사용할 수 있지 않을까? import React from 'react' import logo from './logo.svg'; import './App.css'; import './css/mystyle.css' import my from './images/torikelly.png' export default class App extends React.Component{ handleDelete = () => { alert('삭제 하시겠어요?'); } handleCreate(){ console.log('handleCreate 함수'); alert('신규등록을 하시겠어요?'); } render(){ //jav..
-
[React] React 에서 함수 사용하기FRONT-END/React 2020. 11. 4. 12:19
| 기본적인 함수 사용하기 function move(dt){ let xhr='tis'; if dt >= 0 {let xhr='양수';} else {let msg = '음수';} } | 함수 이름 없이 함수 사용하기 var data = () => { //anonymous 익명의 함수 = 화살표 함수 let xhr='tis'; if dt >= 0 {let xhr='양수';} else {let msg = '음수';} } | 이벤트로 함수 호출하기 ★★★ handleDelete = () => { //anonymous 익명의 함수 = 화살표 함수 let xhr='tis'; //if dt >= 0 {let xhr='양수';} //else {let msg = '음수';} } 삭제 | 맨 마지막 줄에 export de..
-
[React] React 개발환경 구축하기FRONT-END/React 2020. 11. 4. 11:30
cd Desktop 데스크톱으로 이동하기 npx create-react-app danbi 데스크톱에 리액트관련 소스를 디렉토리 danbi 이름으로 생성 시간이 약간 소요된다 cd danbi 다 만들어졌다면 Desktop에 생성된 danbi 디렉토리로 이동 (에러) npm i react-router react-router-dom cd danbi를 하고 했어야했는데, 그렇지 않아서 에러 (에러) npm install react-router-dom cd danbi를 하고 했어야했는데, 그렇지 않아서 에러 (에러) npm i react-router-dom cd danbi를 하고 했어야했는데, 그렇지 않아서 에러 npm i react-router-dom cls 화면 지우기 C:\Users\user\Desktop\..
-
[알고리즘] Greedy Algorithms 그리디 알고리즘 개념 이해하기알고리즘 2020. 10. 30. 17:21
1 | Greedy 알고리즘의 개념 그리디 알고리즘 (Greedy Algorithms) 은 한국어로 탐욕법, 탐욕 알고리즘라고 부른다. 그리디 알고리즘은 문제를 해결하는 과정에서 순간 순간 최적이라고 생각되는 방법을 찾으면서 결국 최종의 문제 해결로 도달하는것을 말한다. 2 | Greedy 알고리즘의 장점 빠른 계산속도! 그래서 Greedy의 방법이 통하는 문제에서는 최적해를 빠르게 구할 수 있다. 또한 일을 너무 많이해서 문제인 다이나믹 프로그래밍(Dynamic Programming) 과 서로 보완하는 개념으로 알려져 있다. 3 | Greedy 알고리즘이 통하는 문제 유형 1. 활동 선택 문제 (Activity Selection Problem) 시작시간, 종료시간이 주어지고 최대한 많은 작업을 소화할 ..
-
[개발일기] 유용한 / 자주가는 링크 모음집개발일기 2020. 10. 30. 15:19
| 잡다 깃허브 이모티콘 모음 https://www.webfx.com/tools/emoji-cheat-sheet/ 크레딧잡 https://kreditjob.com/ 잡코리아 https://www.jobkorea.co.kr/ 그린컴퓨터아카데미 포트폴리오 http://newpf.greenart.co.kr/?s_kind=8 우아한형제들 인재채용 https://www.woowahan.com/#/recruit/tech 학점은행제 https://www.cb.or.kr/creditbank/base/nMain.do 인프런 https://www.inflearn.com/ 카카오채용 https://tech.kakao.com/ 네이버 D2 https://d2.naver.com/home 우아한형제들 기술블로그 https://w..