profile
개발자입니다.
post-thumbnail

React 기초 (7) - useState,useEffect

참고 -> https://react.vlpt.us/basic , https://morioh.com/p/b0c9c138e967React Hooks의 대표적인 2가지 useState, useEffect를 5분안에 배워보는 시간을 가지겠습니다.useStat

2020년 5월 13일
·
0개의 댓글
post-thumbnail

React Navigation

Expo를 이용한 설치npm install -g expo-cliexpo init AwesomeProjectcd AwesomeProjectnpm start React navigation 설치npm install @react-navigation/nativeInstallin

2020년 5월 13일
·
0개의 댓글
post-thumbnail

Programmers 풀기 - Mysql(Select)

출처 programmers.co.kr정답\*은 모든 컬럼을 의미, ANIMAL_ID 컬럼을 오름차순으로 출력하기ORDER BY데이타를 지정된 컬럼으로 정렬하기 위한 SQL문이다.'ORDER BY 컬럼명'을 사용하면, 해당 컬럼을 오름차순(ASC) 으로 정렬하여 결과를

2020년 4월 27일
·
0개의 댓글
post-thumbnail

Programmers 풀기 - Mysql(연산)

Mysql > 최댓값 구하기 > 정답 SELECT DATETIME FROM ANIMAL_INS ANIMAL_INS Table에서 DATATIME Column 을 선택한다 ORDER BY DATETIME DESC LIMIT 1 테이블 정렬은 내림차순(DESC)으

2020년 4월 27일
·
0개의 댓글
post-thumbnail

Aws CloudFront, Route 53

빠르고 고도로 안전하며 프로그래밍 가능한 콘텐츠 전송 네트워크(CDN)Amazon CloudFront는 개발자 친화적 환경에서 짧은 지연 시간과 빠른 전송 속도로 데이터, 동영상, 애플리케이션 및 API를 전 세계 고객에게 안전하게 전송하는 고속 콘텐츠 전송 네트워크(

2020년 4월 24일
·
0개의 댓글
post-thumbnail

AWS RDS 사용하기

aws RDS database 프리티어(무료) 이용 방법 캡처본 입니다.

2020년 4월 22일
·
0개의 댓글
post-thumbnail

React기초(6) - Redux

Redux 공식 홈페이지javascript application의 state를 관리한다.Redux는 js 언어 모두 사용할수있다. 따라서 React에 100% 의존하는 Library가 아니다 redux는 data를 관리하는것을 도와주기 위해 만들어졌다.그렇기 때문에 먼

2020년 4월 13일
·
0개의 댓글
post-thumbnail

App 만들기 01 - Login page

이번시간에 완성할 화면입니다.이곳을 클릭하면 모든 소스를 확인 할 수 있습니다.이전 게시글에 안내드린바와 같이 시간날때마다 짬짬히 fullstack 관련 작업을 진행해보려고 합니다./\*먼저 뭐가 좋을지 고민을 해봤는데 쿠팡이나 11번가나 저희가 연동하는 사이트들은 다

2020년 4월 9일
·
0개의 댓글
post-thumbnail

React 기초 (5) - Router

react router에 대해 자세히 기재해놓은 곳이 있어서 참고하였습니다.https://www.daleseo.com/react-router-basic/ React를 이용해서 SPA(Single Page Application)을 개발할 때 흔히 겪는 어려움 중

2020년 4월 7일
·
0개의 댓글

npm ?

npm은 https://www.npmjs.com 에서 필요한 라이브러리를 내려받아 설치하고 삭제하는 등 관리를 해주는 프로그램이다.npm은 node_modules 폴더에 라이브러리를 내려받아 저장하고 package.json이라는 파일을 설치된 라이브러리의 정보

2020년 3월 25일
·
0개의 댓글
post-thumbnail

Next.js (3) - 동적 페이지 만들기

이제 여러 페이지로 기본 Next.js 앱을 만드는 방법을 알게되었습니다. 페이지를 만들려면 디스크에 실제 파일을 만들어야합니다.그러나 실제 앱에서는 동적 콘텐츠를 표시하기 위해 페이지를 동적으로 만들어야합니다. Next.js에는 여러 가지 접근 방식이 있습니다.쿼리

2020년 3월 23일
·
0개의 댓글
post-thumbnail

Next.js (2) - 컴포넌트 공유, 레이아웃

우리는 Next.js가 모두 페이지에 관한 것임을 알고 있습니다. React 컴포넌트를 내보내고 그 컴포넌트를 pages디렉토리 안에 넣어서 페이지를 만들 수 있습니다 . 그런 다음 파일 이름을 기준으로 고정 URL을 갖습니다.내 보낸 페이지는 JavaScript 모듈

2020년 3월 23일
·
0개의 댓글
post-thumbnail

Next.js (1) - 시작,link 연결

Next.js는 Windows, Mac 및 Linux에서 모두 작동합니다. Next.js 애플리케이션 구축을 시작하려면 시스템에 Node.js 만 설치하면됩니다.또한 코드를 작성하려면 텍스트 편집기와 일부 명령을 호출하려면 터미널 응용 프로그램이 있어야합니다.Windo

2020년 3월 23일
·
0개의 댓글

Next.js

Next.js를 사용하면 데이터의 출처에 관계없이 서버 렌더링 React 애플리케이션이 훨씬 쉬워졌습니다.새로운 프레임 워크를 배울 필요가 없습니다. Next.js를 사용하여 정적 사이트를 내보내는 것은 단일 명령만큼 쉽습니다.Next.js는 styled-jsx포함되어

2020년 3월 23일
·
0개의 댓글

API? GET? POST?

API는 keybord랑 똑같다. 우리는 keybord를 통해서 computer와 대화한다keybord button을 누르면 computer로 입력되고 screen에서 text를 확인할수 있지프로그램들이 서로 소통하는 방법을 API 라고 한다.(인간이 아닌)코드들끼리

2020년 3월 19일
·
0개의 댓글

Library? Framework? Platform?

라이브러리는 ‘도서관’이라는 뜻이 있는데, 도서관이라는 이름에 걸맞는 역할(?)을 한다. 프로그래밍을 하다보면 이미 만들어져 있는 파일을 필요할 때마다 가져다 사용하게 되는데, 이 때 이미 만들어져 있는 파일들의 모음이 바로 라이브러리 라고 할 수 있는 것이다. 우리가

2020년 3월 19일
·
0개의 댓글

Cookie? Session?

클라이언트 로컬에 저장되는 key, value 데이터 파일무상태 HTTP 통신으로는 회원제로 운영하는 사이트를 만들 수가 없다(데이터 교환이 없으니까). 그래서 웹 브라우저에 쿠키라는 구조가 추가되었다.이는 웹 브라우저를 통해 사이트에 방문하는 사람의 컴퓨터에 일시적으

2020년 3월 19일
·
0개의 댓글

웹표준과 http vs https

웹 표준이란 www(World Wide Web) 의 측면을 서술하고정의하는 공식 표준이나 다른 기술 규격을 가리키는 일반적인 용어이다보통 웹 개발과 디자인에 관계되어 표준이 되는 규칙등을 말한다.이러한 규칙들은 W3C 에서 표준을 정의하고 발표(?)한다.HTML : 접

2020년 3월 18일
·
0개의 댓글

cors?

이 포스트에서는 CORS에 대한 이슈에 대해서 다뤄볼려고 합니다.웹 개발을 하다보면 한번쯤 겪게되는 이슈로 클라이언트와 서버의 오리진이 다를 때 발생하는 이슈입니다.CORS는 Cross Origin Resource Sharing의 약자로 도메인 또는 포트가 다른 서버의

2020년 3월 18일
·
0개의 댓글
post-thumbnail

axios?

Promise based HTTP client for the browser and node.jsaxios는 node.js와 브라우저를 위한 http통신 javascript 라이브러리입니다.아래와 같이 모든 브라우저를 지원합니다. (Fetch와 달리 크로스 브라우징에 최

2020년 3월 18일
·
0개의 댓글