G's days

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

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

둘 다 다른 누군가가 쓴 코드이다. 나의 프로젝트를 위해 가져다 쓰는 것이다. 차이점은 '누가 누구를 컨트롤 하는가?' 이다. 내가 코드를 컨트롤하는가? 누군가의 규칙을 따라 내가 코딩하는가? 라이브러리의 좋은 예시는 JQuery 웹사이트를 코딩하다가 필요한 효과가 있으면 제이쿼리를 소환한다. 다른 걸로 바꿔쓸 수 있고 따라서 쉽게 대체될 수 있다. 목적은 시간절약과 간결함이니까 필요에 따라 내가 가져다 쓸 수 있는 것이다. 프레임워크로 일할 때는 프레임워크의 규칙을 따라야 한다. 내가 코드의 규칙을 결정할 수 없다. 프레임코드가 어디에 코드를 넣어야 하는지 등등의 규칙을 알려준다. 예를 들어, django웹프레임워크 장고에서 어드민패널을 만들고 싶다면 무조건 admin.py에 코드를 써야한다. url을..

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를 통해 사용해 보자...

강의를 듣거나, 누군가에게 설명할 때 두 개념이 헷갈리니까 설명이 더 헷갈린다. 잘 모르고 들으면 강의자가 같은 개념인 두 단어를 섞어서 말한다고 느껴진다. 그래서 비슷한 단어인가 보다 하고 넘기게 된다. 말할 때 단어 쓰는 게 뭐가 중요해? 라고 생각할 수 있지만 초보자로서 느낀 바로는 (적어도) 초보자에게는 중요하다! 적재적소에 올바른 단어를 쓸 수 있다는 건, 그 개념을 정확히 이해하고 있다는 반증이니까. (다만 Argument가 인자인가 인수인가 와 같은 논쟁은 별로 중요치 않다고 생각한다. 인수나 인자나 직관적으로 느끼기에 별로 다를바도 없으며 어차피 영어단어 번역이니 상관없다고 생각) 그러면, 개념적인 정의대신 실제로 함수를 생성하고 호출할 때의 논리를 통해 인수(Argument)와 매개변수(..

이 글의 결론은 일단, 더보기 목표 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 파일을 열어 설치하자. 경로는 알아두자. 비밀번호도 기억해 두자. 설치..

OAuth Valet Key for Website (valet key 제한된 기능만, 요청한 기능만 제공하는 키) 인증방법을 표준화 시킨 것 3가지 주체 Resource Server (Service Provider) Resource Owner (User) Client (Consumer) OAuth기술이 구현되는 데 사용되는 요소, 개념 Token: Request Token:인증요청시 사용되고 폐기된다. Access Token:valet key(짧은 시간에만 유효하고 Refresh 가필요하다) ClientID Client Secret Redirect URI Scope Authorization Code Location:https://~ API: Client가 Resource Server에 접근할 때 사용하는..