Category: Web

0

리엑트(react) windows10 개발환경 셋팅

¶들어가기 windows10에 react 개발환경 설정을 하는법을 설명하는 글이다. 순서는 다음과 같다. nodeJs, npm 설치 yarn 설치 visual studio code 설치 react 개발용 visual studio code 확자 플러그인 설치 create-react-app 도구 설치 create-react-app 도구로 react 프로젝트

0

Node 프로젝트 dependencies 일괄 버전 업데이트

¶들어가기 node 프로젝트의 package.json 에는 node 프로젝트가 사용하는 여러개의 의존 라이브러리가 버전과 함께 명시되어있다. 시간이 지남에 따라 이 라이브러리들의 버전을 자연히 올라가게 된다. 이 글에서는 node 프로젝트에서 만료된 dependencies 를 확인하고 일괄적으로 최신 버전으로 업데이트 하는 방법을 기록하겠다. ¶Node 프

0

javascript - javascript 객체를 HTML form의 input에 맵핑하기(Tip code)

¶들어가기 웹 개발하다보면, 흔하게 해야 하는 Javascript 객체를 HTML의 form 내부의 input에 맵핑하는 함수이다. javascript공부를 게을리해 Jquery만 사용하다보니, 이런것 하나 짜는데 한 세월이다. 반성하자. 아래 함수는 javascript 객체의 프로퍼티명과 일치하는 name을 갖는 input태그를 form에서 찾아 값을 맵

0

Node Express에서 Handlebars layout body script처리(helper사용)

들어가기 Handlebars layout에 helper 사용하기 참고자료 ¶들어가기 음 저번에 Express에 Handlebars 템플릿으로 레이아웃을 만들었다. Express Node에 Handlebars 템플릿엔진 적용하기. 위와 같이 레이아웃은 말끔히 만들었지만, 문제가 하나 있었다. index.hbs에서 jquery를 호출 할 수가 없었다.

0

jquery noConflict

들어가기 Jquery의 noConflcit Jquery 두가지 버전을 같이 사용할 경우 noConflict 참고자료 ¶들어가기 인터넷에서 MIT 라이센스의 bootstrap 테마를 조물락 거리는 중. Jquery의 $ 별칭이 동작을 안하는 경우가 있었다. 찾아보니 Jquery의 noConflict라는 기능이었다. 123456$.noConflict()

0

Node Express에 handlebars 템플릿엔진 적용하기(레이아웃적용)

들어가기 기초 Express 프로젝트 생성(수동생성) mysqlDB와 sequleize를 사용하기 위해 모듈 설치 backend 폴더에 app.js 파일을 생성한다. Express와 그 관련 모듈과, express-handlebars를 설치한다. app.js 파일을 아래처럼 수정 Handlerbars관련 디렉토리와 파일들 참고자료 기타. Expre

0

Node Express에 sequelize를 이용해 mysql접속하기

들어아기 테스트용 Express 프로젝트 생성하기 시퀄라이저(sequelize)란 시퀄라이저의 특징 Express서버에 시퀄라이저(sequelize) 연동하기 1번 방법 시퀄라이저 연동(시퀄라이저에서 DB Entity를 관리하는 방식) 2번 방법 진화된 시퀄라이저 연동(DB는 DB에서 따로 관리하는 방식) workbench로 ERD로 DB 스키

0

Vue와 Express를 합쳐서 통합 프로젝트 만들기

들어가기 Vue Express Node 통합 프로젝트 환경 만들기 실습할것에 대한 대략적 구성 vue 프로젝트로 frontend 폴더 생성하기 vue 프로젝트에서 Vue-router 테스트하기 Express 프로젝트로 backend폴더 생성하기 Vue프로젝트와 Express프로젝트를 연동하기 Vue 프로젝트를 webpack으로 빌드할때 그 경로를

0

javascript - Promise(콜백의 진화형)

Promise란 Promise의 기본개념 Promise 만들고 실행하기 Promise Chain(프라미스 체인) 마무리 ¶Promise란 Promise는 javascript의 callback의 단점을 해결 하기 위한 1단계 진화형 형태이다. 프라미스가 콜백을 대체하는 것은 아니다. 사실 프라미스에서도 콜백을 사용한다. 프라미스는 콜백을 예측 가능한

0

javascript - callback hell(콜백 헬)

¶콜벡헬이란 콜백을 사용해 비동기적으로 실행할 수 있긴 하지만, 현실적인 단점이 있다. 한 번에 여러 가지를 기다려야 한다면 콜백을 관리하기가 상당히 어려워진다. 노드 앱을 만든다고 하자. 이 앱은 세 가지 파일의 콘텐츠를 읽고, 60초가 지난 다음 이들을 결합해 네번째 파일에 기록 한다. 1234567891011121314151617const fs = r