G's days

rest parameter //rest parameter : 파라미터 무한 (가장 뒤에써준다) function 함수(...a) { } //rest parameter 파라미터 타입지정 ( 배열로 한다 ) function 함수(...a :number[]) { } destruncturing 개념 // destrucuring 쓰지 않을 때 let 어래이 = ['안녕', 100] console.log(어래이[0]) console.log(어래이[1]) // destrucuring 쓸 때 ====> 배열 자료들을 변수로 빼서 쉽게 쓸 수 있음 let [변수,1 변수2] = ['안녕', 100] console.log(변수1) console.log(변수2) //오브젝트 destructuring let { student:..

Create 1. create버튼을 만든다. 이 내용은 Control.js에 따로 저장한다. create! 2. props 만들기 App.js 핸들러 만들기 Control.js 3. mode에 따라 태그가 바뀌게 만들자 App.js render() { var _artice = null; if(this.state.mode ==='welocme'){} else if(this.state.mode ==='read'){} else if(this.state.mode ==='create'){ _article = } //부분을 삭제하고 대신 _article변수를 넣어준다. {_article} } 4. CreateContent.js 생성 Create! 5. App.js constructor(props) { super(p..

State state 이해하기 1. state(props) 값이 바뀌면 state를 가지고 있는 컴포넌트의 render함수가 다시 호출된다. (하위 컴포넌트의 render함수도 다시호출됨) -> 화면이 다시 그려진다. (render함수: 어떤화면을 나타낼지 결정하는 함수) 2. props와의 차이점을 통한 이해 - props: 읽기 전용(props가 정의된 컴포넌트 안에서 내부적으로 props를 바꿀 수 없음) 컴포넌트를 사용하는 사용자의 입장에서 필요한 것 - state: setState로 바꿀 수 있음 props의 값에 따라서 컴포넌트를 구현하기 위해 내부적으로 사용되는 상태값 3. 특징 1) Single Page Application이도록 해준다. 2) render함수에서 title={this.st..

왜 React가 필요한가? 왜 React를 쓰는 것이 편리한가? react없이 pure html 파일을 만들어보자. 컴포넌트 만들기 (내가 만든 태그가 내가 지정한 정보를 담게 된다!) // 풀어서 이해하기 // React가 가지고 있는 'Component라는 class'를 상속해서 'App이라는 새로운 class'를 만든다. // ..

React 페이스북에서 만든 UI 라이브러리 페이스북 페이지의 HTML은 매우 복잡한 계층구조를 가진다. 이 구조를 간결하게 표현할 수 있도록 해주는 게 React의 컴포넌트이다. React에서의 컴포넌트란? 사용자정의 태그를 만들어서 복잡한 태그들을 불러온다. React에서는 이 사용자정의 태그를 '컴포넌트'라고 한다. 특징 컴포넌트는 필요한 여러 군데에서 사용할 수 있다. --> 재사용성이 있다. 컴포넌트만 수정하면 그것이 사용된 곳의 모든 내용이 수정된다. --> 유지보수가 쉬워짐 ( + SPA로서의 장점 페이지를 rerendering하지 않고 변하는 state를 감지하여 페이지의 변화를 나타낸다. ) * 렌더링: 서버로부터 HTML파일을 다운로드 받아 브라우저에 뿌려주는 과정 배우는 순서 개발환경..

Node.js - My SQL 강좌를 듣기 위한 사전학습 Oracle을 살짝 배웠기 때문에 복습하는 느낌으로 빠르게 들었다. 나중에 내용을 상기하기 좋도록 강의를 들으며 핵심적인 내용을 적으며 들었다. 단점은, 나만 이해할 수 있다는 점 :-) 관계형 데이터베이스 - MySQL MySQL 설치 - Apach서버 설치할 때 WAMP로 설치했음으로 pass (현재는 MariaDB로 설치된다 - mysql과 같은 오픈소스를 사용) https://gsdays.tistory.com/126 내 PC에 웹서버를 설치해보자.(윈도우/bitnami WAMP) AJAX관련 실습을 해보고자 한다. 웹서버가 필요하다. 내 PC에 설치해보자. Apache HTTP서버를 사용해 보자. bitnami WAMP를 통해 사용해 보자...

이 글의 결론은 일단, 더보기 목표 CRUD의 흐름을 백엔드부터 프론드엔드까지 이해하기 (+자바스크립트 문법 공부하기) 방법 직접 경험(구현)해보기 코딩테스트 문제 풀기 구체적 계획 1. 학습: 1) 바닐라 JS로 크롬앱 만들기(클론코딩) 2) Node.js 를 이용해 웹애플리케이션 만들기 2. 응용: 위의 것을 바탕으로 나의 웹 애플리케이션 만들기 html, css와 약간의 JavaScript, jquery로 웹페이지를 구현하는 데 어느정도 익숙해졌다. 최근 대부분의 시간을 포트폴리오용 반응형 웹페이지 구현과 JavaScript 기초 인강을 듣고 데 쓰고 있었다. 만들던 웹사이트를 완성했다. 다음엔 뭘 할지 고민이 되었다. 비슷한 웹페이지를 하나 더 만들고 나면 내가 어느 방면에서 성장해 있을지 그려보..

AJAX관련 실습을 해보고자 한다. 웹서버가 필요하다. 내 PC에 설치해보자. Apache HTTP서버를 사용해 보자. bitnami WAMP를 통해 사용해 보자. 그럼 아래에서 다운을 받자. https://bitnami.com/stack/wamp/installer Install WAMP, Download WAMP show MD5 4b221c61594ee6098ddc156acef7efc4 SHA1 799d7f122a3236f648effd6c4de77e3fcdf91a41 SHA256 a816b29ac59df47c1e9ceef4b546086ba40b7922446f603baa6d533c0d19e202 bitnami.com Setup.exe 파일을 열어 설치하자. 경로는 알아두자. 비밀번호도 기억해 두자. 설치..