관광이 블로그

1. Hypothesis and cost functioncostfunction의 기본 원리 및 구조 2. 이제 tensorflow 실습-1 import tensorflow as tftf.set_random_seed(777) # for reproducibility # X and Y data 학습데이터 X,Yx_train = [1, 2, 3]y_train = [1, 2, 3] # Try to find values for W and b to compute y_data = x_data * W + b# We know that W should be 1 and b should be 0# But let TensorFlow figure it out Variable은 변수와 다른 개념인데, 텐서플로우가 자체적으로 변경시키..

1. Linear Regression Predicting exam score : regression supervised learning 을 통해 알아보자.supervised learning은 간단히 데이터를 가지고 학습을 시키는것이다. learning course : Train -> regression 간단히 말하면,데이터를 trainning 시켜놓은 후, 그 조건에 맞는 데이터에 대한 확률을 regression analysisX,Y의 표로 시행되고 있음을 알면된다. (1) Linear Regression이란?(hypothesis)데이터 분석에 있어서 하나의 가설 검증이 필요하다. 이 가설을 검증할때, Linear 한 모델이 우리 데이터에 맞을것이다. 라는의미 가설을 세우고, 가장 적합한 데이터를 결정하..

앞서 강좌에서 Tensorflow의 환경 구축을 완료해보았습니다. 1.기본 소스코드 분석>>> import tensorflow as tf >>> hello = tf.constant('Hello, TensorFlow!') >>> sess = tf.Session() 2018-03-11 00:55:58.218567: I tensorflow/core/platform/cpu_feature_guard.cc:140] Your CPU supports instructions that this TensorFlow binary was not compiled to use: AVX2 FMA>>> print(sess.run(hello)) Hello, TensorFlow! 이 코드는 앞선 강좌에서 환경구축을 완료한후 기본 소스코드..

1. What is Tensorflow? - tensorflow is computer using data flow graph. - python(library) 2. what is a data flow graph?돌아다니는 데이터 = tensor흐름 = flow tensor + flow = tensorflow 3. Mac Tensorflow Env Setting(virtualenv 사용하여 Tensorflow 환경 구축하기) 가상으로 텐서플로우 환경을 만들어서 실행시킬것이다. 그 이유는, 기존의 시스템의 파이썬과의 충돌을 방지하기 위함(Anaconda도 많이 사용하는데 공식적으로 지침은 아니라고 한다.)필자는 virtualenv를 사용하여 설치하였다. (1) 터미널을 켠다(Mac기준)단, 여기에서는 파이썬..

- ML Algorigm 종류1. Linear regression2. Logistic regression(classfication)3. nerual Network - tool : tensorflow- note 참고 자료 : http://www.holehouse.org/mlclass/ 1. what is ML?* Spam Filter : many rules* Automatic Driving : too many rules 2. Supervised / Unsupervised ?(1) Supervised 와 Unsupervised를 나누는 기준은 학습하는 방법에 따른 분류에 따라 바뀐다. (2) Supervised learning에서는 카테고리가 있는 것 예를 들어 , 고양이,강아지등 동물을 카테고리 별로 나누..

- mysql 기본 필수 명령어정리1. $SHOW DATABASES;데이터 베이스 목록을 볼 수 있음 2. $CREATE DATABASE 새로 생성할 데이터 베이스 이름(ex:kgh) 데이터베이스를 생성한다.3. $USE DATABASE (이름 kgh) 특정 데이터베이스를 사용하겠다. 4.$SHOW TABLES;특정 데이터베이스의 테이블 목록을 보고 싶을때, 5. $DESC (테이블 명)특정 데이터베이스의 테이블의 세부정보(스키마정보를 보고싶을때) 여기서, oracle은 mysql과 다르게 스키마 생성과정과 commit과정이 포함된다. + 추후 계속 업데이트 할것 6. 특정 테이블의 타입 바꾸기 mysql> ALTER TABLE mvc_board MODIFY bId INT NULL AUTO_INCREME..

1. mysql 홈페이지에서 다운 받기https://dev.mysql.com/downloads/file/?id=475582 2. mysql dmg파일 다운로드 3. mysql dmg 파일 다운로드 이후에 임시 비밀번호가 창으로 알려주면 그것을 복사 해놓는다. 4.터미널을 열고 cd /usr/local/mysql/bin 경로로 들어간다. 5. 4번의 경로로 들어간후 sudo ./mysql -p 로 mysql 실행(mysql 실행전 시스템 환경설정으로 들어가서 mysql을 실행을 시켜준다. 6. mysql실행후 Password 입력창이 나오는데 아까 임시비밀번호를 복사해놓은 localhost: 비밀번호 이부분을 입력하여 mysql을 실행한다. 7. 정상적으로 mysql로 들어 갔을 경우 Welcome to ..

webserver 구동시키기 const http = require('http'); const hostname = '127.0.0.1'; const port = 3000; const server = http.createServer((req, res) => { res.statusCode = 200; res.setHeader('Content-Type', 'text/plain'); res.end('Hello World\n'); }); server.listen(port, hostname, () => { console.log(`Server running at http://${hostname}:${port}/`); }); Webserver 를 하나 만들고 Listen시킨다 모듈 = 부품 1. require 함수로 h..

- 보통 id,pw값들을 검증할때에는 Client쪽에서 JS,JQuery를 사용해서 비밀번호 유효개수,공백,특수문자 등 기본 처리를 해주는데, 여기서 살펴볼것들은 Validator를 이용하여 Server쪽에서 넘어온 데이터값들을 검증해볼것이다. 1. Validator(interface)를 이용한 검증12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211..

1. RequestMapping Method(Get,Post Method)1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677처리 순서 1. Controller.java @RequestMapping("/index") public String goIndex(){ return "index"; } => /index경로로 요청이 들어오면 index.jsp 파일로 넘어가서 처리를 한다. 처리 순서 2. index.jsp student id : =>submit 을 누르면 -> /student로 이동한다 처리 순..

Ex) localhost:3000/board/write/confirmId?id=kgh&pw=1234 라고 클라이언트 측에서 요청을 하였을 경우 id,pw의 정보가 HttpServletRequest로 넘어오게 된다. 12345678910111213141516171819@RequestMapping("board/confirmId") public String confirmId(HttpServletRequest httpSetvletRequest,Model model){ String id = httpServletRequest.getParameter("id"); String pw = httpServletRequest.getparameter("pw"); model.addAttribute("identify",id); m..

1234567@RequestMapping("board/view") => request path public String view(){return "board/view"; => View Page Flow}=> by return view Colored by Color Scriptercs * 2. View Page Name Method123456789**중요 ** View Page = prefix + 위에서 처리 받은 return 요청 처리 반환 메소드 + Suffix View Page중에서 jsp 파일에 preffix , suffix 값이 자동으로 생성되고 , 이값을 조정하면서 경로를 찾아가게 한다.Ex) .jsp file Name = preffix value = /WEB-INF/views/Name = Su..

State를 활용한 라이프 사이클 실습 예제속에 주석으로 달아 놓았습니다. import React,{ Component } from 'react';import './App.css';import Movie from './Movie'; const moviesTitle = [ "Matrix", "Full Metal Jacket", "Oldboy", "Star Wars"] const moviesImage = ["https://d2e111jq13me73.cloudfront.net/sites/default/files/styles/share_link_image_large/public/screenshots/csm-movie/the-hunger-games-ss1.jpg?itok=EFSm-KAL","https://cdn1..

리액트 라이프 사이클 이론 // lifecycle 과정 // Render:componentWillMount->,render ,-> componentDidMount , // update componentWillReceiveProps() -> shouldComponentUpdate() == true -> componentWillUpdate -> render() -> componentDidUpdate // 사이클은 render를 위한 것이고 업데이트의 경우에는 ? 과정이 더 많다. class App extends Component { componentWillMount(){ console.log('will mount') } componentDidMount(){ console.log('did mount') } r..

Tistory 단축키 모음 티스토리 단축키 정리 정렬 왼쪽 정렬: Ctrl + 오른쪽 정렬: Ctrl + / 링크링크지정: Ctrl + K 글씨글씨굵게: Ctrl + B밑줄: Ctrl + U기울임: Ctrl + I취소선: Ctrl + D본문: Ctrl + 0머리말 1: Ctrl + 1머리말 2: Ctrl + 2머리말 3: Ctrl + 3머리말 4: Ctrl + 4인용구: Ctrl + Q 쓰기들여쓰기: Tap내어쓰기: Shift + Tap번호 매기기: Ctrl + Alt + O글머리 기호: Ctrl + Alt + U넓게 쓰기: Ctrl + M 수정실행취소: Ctrl + Z다시실행: Ctrl + Y

리스트 맵 사용하기 App.js 파일을 이용하여간단하게 Map에다가 맵핑하여서 사용 하기 위하려고 한다.그전장을 참조 할것. 계속해서 이어져 나갑니다 소스코드 import React,{ Component } from 'react';import './App.css';import Movie from './Movie'; const moviesTitle = [ "Matrix", "Full Metal Jacket", "Oldboy", "Star Wars"] const moviesImage = ["https://d2e111jq13me73.cloudfront.net/sites/default/files/styles/share_link_image_large/public/screenshots/csm-movie/the-hu..

1. 리액트는 2개의 주요 컨셉이 있음 - state - props : 부모가 자식에게 데이터를 주기 위함 2. 영화를 카드 형태로 만든다음에 movie 리스트로 만들기 위함 3. App.js에서 작성한 것들을 movie 컴포넌트로 보내고 싶을경우? 이런식으로 app.js에서 작성해주고 자식 컴포넌트 Movie.js 에서는 { this.props.title} 이런식으로 작성해 주면 깔끔하게리스트 목록대로 나오는것을 확인할 수 있다.꼭 괄호 " { } " 가 들어 가도록 한다. => JSX의 경우 명령실행시키기 위한 조건 4. 이제 이미지 리스트 만들어보자~ 가장 중요한 개념은 부모컴포넌트의 요소를 자식 컴포넌트로 넘겨줄 수 있음. 이때 강력한 힘이 발휘 된다. App.js import React,{ Co..

1. 첫번째 movie list 만들기 일단 서버 부터 npm start로 열어주자. jsx는 리액트 컴포넌트를 만들때 사용하는 언어 규칙은 상당히 심플하다. jsx 의 예) 자바 스크립트 안의 html Welcome to React KGH To get started, edit src/App.js and save to reload. 2. 이제 세가지 컴포넌트를 만들거다 - movie 리스트- movie 카드- movie 커버 컴포넌트를 각각의 파일에다가 구현할것이다. app.js , app.css 모두 기본 내용들을 지워주도록하자 모든 컴포넌트는 render와 function을 가지고 있음 render는 뭔가를 보여주는 출력하는 기능이 컴포넌트가 나에게 보여주는것이 무엇인가?예) npm start 실행시..

- 노마드코더 1. API yts.ag 클론 코딩을 통해서 만들어 볼 것이다. 2. 트랜스 파일러( 웹 팩 ) 3. 리액트 코드를 브라우저가 이해할수 있는 언어로 바꿔주는것(JS 6 Version)https://webpack.github.io/ 4. 리액트로 작업하려면 웹팩과 같은 모듈번들러를 사용한다 5. 페이스북이 create-react-app 이라는것을 제공해준다. 그러면 모듈번들러 같은걸 사용할 필요가 없다 1. WebStorm Install -> 나는 Bracket을 사용하였다 2. Node.js Install 3. cmd C:\>cd movie_app_reactC:\movie_app_react>npm install -g create-react-app movie_app을 만들기 위함(패키지 설치..

ReactJS (리액트란?) 정의 및 특징 1. 자바스크립트 기반이다 2. angular,vue 처럼 다른언어를 배울 필요가 없다 3. 리액트 모든것은 자바스크립트기반(약간의 html 정도?) 4. 리액트를 배우면 다른곳에선 필요없는 기술을 배울 필요가 없음예) Angular 5. 리액트는 요소별로 쪼개서 작업 할 수 있음 (다른곳으로 가져다가 쓸 수가 있음) 6. 단방향 DataFlow를 가지고 있음 예) Data-> UI (상태가 변하면 데이터가 변하는게 아니라 UI가 변함)데이터가 변화면 -> UI Update 7. 거대한 라이브러리, 커뮤니티,오픈소스가 되게 강점이다 8. 프레임 워크 X , UI 라이브러리 O 9. 리액트는 View 이다! 10. 장고, 루비온레일즈,node.js랑 섞어서 쓰기 가능

실전활용 Git 고급 주제$ echo hi > new.txt 생성 1.내가 지금 까지한 작업을 전부다 저장해놓기 작업중인작업 stash 사용 $ git statusOn branch masterYour branch is ahead of 'origin/master' by 1 commit. (use "git push" to publish your local commits)Untracked files: (use "git add ..." to include in what will be committed) Github_seminar2/ new.txt nothing added to commit but untracked files present (use "git add" to track) 김관현@KGH MINGW64 ..

브랜치란?작업 흐름 가지, 커밋 그래프, 커밋 줄기 각각의 작업 흐름 병행 때때로 병합하거나 버리거나 삭제 배포후 ->개발브랜치에서 계쏙 작업하다가 -> bugreport 들어올지 안들어올지 모르기때문에 장점 1. 배포 중일때 옛날 브랜치로 돌아가서 뭐가 잘못됬는지확인할 경우 유용 2. 상호 독립 다수 로컬 브랜치 3. 아주 쉽게 문맥전환 4. 역할 구분에 활용하기 좋다(배포/개발/테스트) 5. 구현하려는 기능 단위브랜치도 좋음. 6. master 브랜치 1. 지금 까지 작업한 단일 브랜치 2. 주 작업 영역 (MAIN) 지금 껏 master브랜치는 기본 영역이므로 현재까지 hello.html, css파일을 작업한것들은지금 master브랜치에서 관리 되고 있었다. 3. 베포,테스트,작업용 브랜치로 나누어..

- 세 영역 1. 작업 디렉터리 working directory변경 내역 준비 2. 인덱스 스테이지 staging areacommit: (스냅샷) 사진찍듯이 -> 저장소 3. 저장소(히스토리) - 터미널 명령(CLI) : OS 공통 오리지널 * 실습 * 1. git version 2. $ git config --global user.name “홍길동”$ git config --global user.email “hong@gil.dong” $ git config --global color.ui tru : 색깔 구분하게 되어편리하게 시각적으로 보인다 누가 작업 했는가에 대해서 쓰여지게 된다. $git config --list 현재 쓰여진 목록을 보여 주게 된다. 3. 작업 디렉터리생성 $ mkdir hello..

select 1. FD_SET (초기화) 2. FD_ISSET(특정 소켓 이벤트 발생) 3. FD_SET(기존 FD 통에다가 새로운 아이템 추가) 4. epoll

인프 11월 8일 1. 프로세스 = 프로그램 실행 이미지 2. OS - PCB(process control block) -멀티태스킹(운영 체제)-context switching 3. linux상에서 프로세스 죽이는 명령어 $kill -9 12345== windows(ctrl + c) 4. fork() 하는이유자식프로세스에서 업무를 하기 위해exec 명령어로 자식프로세스가 새로운 기능을 덮어씌워서 태스크할수있도록함 5. waitpid()함수자식프로세스 좀비되는것을 방지시켜준다 6. select 함수의 문제점(1)(시험문제) 책에 코드 있음한부분 설명? 입출력부분

쿠키 1. id password 입력 공격자 - 리버스 텔넷방화벽?패킷 , 헤더5-tuple(5개의 인자값)protocal(T1),silp,dip,s.port,d.port 방화벽 동작은 어떻게? 1. 특정 포트번호만 막아놓고 열어놓고 하는 기능2. 내부에 관한것은 안막고 외부에것들만 막는다.3.공격자 tc 파일 업로드, nc 서버에 시험문제 구글 해킹 관련 된것검색으로 하는것 - 어셈블리어코드 1. 프로그램의 context 함수 마다 자신만의 스택공간이 있음. 2. 스택,공간 관리(함수 마다) 3. movl오른쪽에서 왼쪽이아니라오른쪽에서 왼쪽이다.4. movl %esp,%ebp5. ebp 주소를 보존 시켜주어야한다.6. 메인함수가 호출되는 시점기존의 ebp를 스택에 넣어주고기존의 esp값을 ebp로 넣어..

11월 1일 수업 인터넷 프로그래밍1. OS -> PCB(process control block) 2. PID 프로세스 아이디PRID Parent Process Id 3. 부트로더 하는일 디스크 -> 이미지ROM -> 부트로더디스크 -> 이미지 올리는 역할 4. Init == 커널 프로세스최초 컴퓨터실행시 실행 5. linux command grep , kill 6. multiprocess process Aprocess B (Context Swichting) 7. Thread vs Process 8. execl실행코드를 덮어 씌우는 역할 - > 실행이미지를 덮어 씌운다. fork() 프로세스 생성 하는역할 pid == 0 이면 자식 프로세스를 타나낸다 부모 프로세스에서 waitpid() 호출하는 이유는?..

1프로그래밍 실습 과제 전화번호부 프로그램 간단한 전화번호부 기간 다음주 까지 1. 이름, 전화번호로 구성된 파일을 준비 2. 파일을 읽어서 전화번호를 찾아주는 프로그램입력은 실행시 전화번호 파일이름,홍길동 110-1111-1111 구조체형식으로 메모리에 저장한다. 이름 저장 3. 메모리에 저장한 이름이4. 이름을 입력받음 전화번호 출력없는 경우 , 등록 ? 전화번호 입력후 저장,5. 메뉴구성파일을 읽어온다음에 메모리에 넣는다.(변경내용)메모리에 있는내용을 다시 파일에다가 넣는다.파일을 넣으면 오류가 많이 발생하게 된다. 1. 검색 - 이름으로 검색 출력2. 추가 - 기존에 있는이름인지 확인, 3. 삭제 - 이름 이있는지 여부 확인4. 변경 - 5. 종료 - 종료시 읽기쓰기 모드로 읽어서 rewind해서..

SQLite 란?1. 개발시 간략한 DB 필요할 경우가 있음. SQLite을 사용하여 간략한 DB 생성하여 사용 가능2. 서버를 타지 않고 단말기 내에서만 처리되어야 하는 데이터의 경우 SQLite사용SQLite 사용1. DBHelper 클래스 생성 -> SQLiteOpenHelper 상속2.DBHelper 클래스는 새로운 테이블 생성하고 데이터 삽입,삭제 하는 등 전반적으로 SQLite를 관리3. onCreate, onUpgrade함수 필수적 추가예) 데이터 추가하여 보여주기, 채팅같은것들SQLite Example ) 12Step 1: Create a New Project and Name it SQLiteOperations.Step 2: Open res -> layout -> activity_main...

중간고사 펠린드롬char c[80]strcpy(temp,c); strrev(temp);if(!strcmp(temp,c)){return 1; }else{return 0;}