관광이 블로그

리스트 맵 사용하기 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;}