김일국의 기술 블로그 누적조회수: / 오늘조회수: / 어제조회수:

[글쓰기] / [관리자]

고정 헤더 영역

글 제목

메뉴 레이어

김일국의 기술 블로그

메뉴 리스트

홈

분류 전체보기 (885)

검색 레이어

김일국의 기술 블로그

검색 영역

컨텐츠 검색

분류 전체보기

구글 클라우드 노드js에서 실행하기_1

2020.04.01 by 김일국
JSX 기초정보

2020.03.31 by 김일국
React로 코로나19확진자 방문처 조회 웹앱 만들기

2020.03.28 by 김일국
구글서치콘솔_사이트맵추가하기

2020.03.27 by 김일국
리액트로 공적마스크 판매처 및 재고 현황 조회 웹앱 만들기_5

2020.03.23 by 김일국
리액트로 공적마스크 판매처 및 재고 현황 조회 웹앱 만들기_4

2020.03.22 by 김일국
리액트로 공적마스크 판매처 및 재고 현황 조회 웹앱 만들기_3

2020.03.21 by 김일국
리액트로 공적마스크 판매처 및 재고 현황 조회 웹앱 만들기_2

2020.03.20 by 김일국

구글 클라우드 노드js에서 실행하기_1

지금까지 리액트 코로나19 웹은 npm install -g create-react-app 으로 실행환경을 자동생성해서 시작하였습니다. - 로컬PC 실행: npm run start - 웹서버에 배포: npm run build 후 build폴더 웹서버에 업로드. 지난번에는 파스타 클라우드 웹인스턴스(PHP)에 배포하였습니다만, 이번에는 구글 클라우드(Firebase..

노드js·자바스크립트 2020. 4. 1. 17:19

JSX 기초정보

리액트JS에서 사용되는 JSX 문법에 대한 내용 입니다. 실행환경: https://codepen.io/pen/ 실행환경 Settings : - JavaScript Preprocessor - Babel - Add External Script/Pens - Search -> 2가지 react(콤포넌트컴파일처리), react-dom(렌더링출력처리) 작업미리보가(아래) #JS(Babel)코드: ``` /* JSX안에서 css 스타일 설정은 , 속성명이 camelCase 형태로 사용됩니다. */ class Codelab extends React.Component{ render(){ let text='안녕하세요. 나는 리액트JS 입니다.'//ES6버전에서는 변수선언시 let 사용. 블럭 scope let style ..

노드js·자바스크립트 2020. 3. 31. 13:22

React로 코로나19확진자 방문처 조회 웹앱 만들기

구글 지도에서 카카오지도로 변경예정 입니다. 기술참조: https://apis.map.kakao.com/web/sample/basicMarker/ 기본 카카오맵 사용 사용할 위도 경도 표시된 정보 : https://coroname.me/getdata ============================================== 아래 내용은 더이상 유효하지 않습니다. ============================================== [리액트로 코로나19확진자 방문처 조회 웹앱 만들기]를 진행하고 있습니다. - 아직 공공마스크 판매처 처럼 공공데이터 API로 오픈되어 있지 않아서 아래 데이터를 참조하게 됩니다. - 공공데이터로 [코로나19확진자 방문처] 가 오픈되면, 그 API 자료를..

노드js·자바스크립트 2020. 3. 28. 13:45

구글서치콘솔_사이트맵추가하기

SEO를 적용할 기회가 있어서 적용해 보았습니다. 1. 구글서치콘솔 사용: 구글로그인 후 다음URL접속, https://search.google.com/search-console 2. 최초접속시 구글검색실적 개선하기 화면에서 시작하기 버튼으로 [속성] 추가: URL 인증 필요, - [URL 접두어] 화면 클릭 -> [웹사이트 주소]를 입력하고, [계..

기타정보 2020. 3. 27. 11:15

리액트로 공적마스크 판매처 및 재고 현황 조회 웹앱 만들기_5

### 리액트로 공적마스크 판매처 및 재고 현황 조회 웹앱 만들기_5 오늘작업내역(아래) - 공적마스크 판매처 및 재고 현황 조회 판매처별 확대 지도 팝업레이어로 구현 OK. - 지도 드래그시 동적으로 마스크 판매처 나타내기 구현 OK. - 기술참조: https://codepen.io/bastianalbers/pen/PWBYvz - 작업결과 ..

노드js·자바스크립트 2020. 3. 23. 20:30

리액트로 공적마스크 판매처 및 재고 현황 조회 웹앱 만들기_4

### 리액트로 공적마스크 판매처 및 재고 현황 조회 웹앱 만들기_4 오늘작업내역(아래) - 공적마스크 판매처 및 재고 현황 조회 구글지도 링크연동에 대한 사용자 편의성 추가작업 OK. - 구글맵 기술참조: https://gist.github.com/jwo/43b382fc60eb09d3a415c9953f4057f8 //사용함. - npm install --save react-google-maps ..

노드js·자바스크립트 2020. 3. 22. 19:39

리액트로 공적마스크 판매처 및 재고 현황 조회 웹앱 만들기_3

리액트로 공적마스크 판매처 및 재고 현황 조회 웹앱 만들기_3 #오늘작업: 공적마스크 판매처 및 재고 현황 조회 구글지도링크연동 작업. - 구글맵 기술참조: https://github.com/google-map-react/google-map-react - npm install --save google-map-react //사용함. ------ - 개발언어: JSX(페이스북에서 만든 Javascript 문..

노드js·자바스크립트 2020. 3. 21. 16:51

리액트로 공적마스크 판매처 및 재고 현황 조회 웹앱 만들기_2

리액트로 공적마스크 판매처 및 재고 현황 조회 웹앱 만들기_2 #오늘작업: 공적마스크 판매처 및 재고 현황 조회 검색기능 추가. ------ - 개발언어: JSX(페이스북에서 만든 Javascript 문법 확장판) = react-scripts 버전 3.4.0 - 개발환경: VSCode IDE사용, create-react-app 앱사용.(npm run start 실행결과 크롬에..

노드js·자바스크립트 2020. 3. 20. 18:31

추가 정보

인기글

최신글

페이징

1 ··· 22 23 24 25 26 27 28 ··· 111

TISTORY

김일국의 기술 블로그 © Magazine Lab [상단으로]

페이스북

트위터

인스타그램

유투브

티스토리툴바