T3ch

이 환경설정을 하는데 한참 시간이 걸렸었다 ㅠ 다시한번 차근차근 리뷰해보자.. 1. npm 설치 1npm install sequelizecs 1npm install mysqlcs => 늘 이 단계까지는 너무 순조롭다. sequelize 설치와 내가 사용하려는 mysql을 설치해준다. (공식적으로 PostgreSQL, MySQL, MariaDB, SQLite, MS-SQL을 지원한다.) 설치옵션은 위에는 쓰지 않았지만 --save로 해주는게 좋을 듯 하다. 2. 디렉토리(폴더) 생성 나도 열심히 구글링하면서 따라한 것이라 이런 디렉토리 네이밍이 무조건 맞는지는 모르겠지만 현재 내가 따르고 있는 방법이다. 1) config=> DB의 정보를 담고 있는 json 파일을 담고있는 디렉토리이다. 해당 디렉토리에 ..

( 여기서부터는 생활코딩의 내용과는 약간 별개일 수 있습니다. ) 흔히 DB라고 하면 SQL문을 이용한 쿼리를 짜는 행동을 생각하게 된다.Select * from Member;와 같이 내가 원하는 데이터 가공을 위한 쿼리문을 던져주는 형태가 일반적인데, 나는 쿼리문에도 익숙치가 않고, Node js 를 사용하는 상황에서 하나의 언어로 DB까지 제어할 수 있으면 좋다고 생각이 들어서 찾게된 방법이다.일단 ORM이라는 단어가 나오게 되는데 Sequelize와 같은 도구를 ORM 이라고 한다. ORM이란?ORM(Object Relational Mapping)은 application과 Database사이를 맵핑시켜주는 도구이다. 한층더 추상화된 layer에서 Database에 대한 작업을 할 수 있게 해준다. ..

파일을 업로드 하는 작업은 매우 기본적 이면서도 중요한 기능이다. 이번 챕터에서는 가장 기본적인 업로드 기능을 구현 해볼 것이다.일단 시작하기에 앞서서 multer 모듈을 install해준다. $ npm install --save multer 일단 간단하게 이러한 form을 만들어서 실습을 해보겠다. upload.pug123456789doctype htmlhtml head meta(charset='utf-8') body form(action='upload' method='post' enctype="multipart/form-data") input(type='file' name='userfile') input(type='submit') Colored by Color Scriptercs 다른건 둘째치고 fo..

아직 프로젝트에 이용하게 될지는 모르겠지만 웹 기술을 거의 모르는 상태에서 시작한터라 시간이 엄청 걸렸네요 ㅠ 일단 제가 구현한 결과물은 이렇습니다 딱보면 알겠지만 웹사이트 상에서 C 코드를 입력하고 버튼을 누르면 컴파일 된 결과를 출력해주는 것입니다. 기본적으로 필요한 파일은 html 형태를 가지고 있는 파일과 html 에서 입력한 값을 처리할 서버가 필요합니다.참고로 서버에는 gcc 컴파일러가 설치되어있어야합니다. 웹상에서 컴파일 된다기보다는 내 컴퓨터(서버)에서 컴파일 하고 나온 결과 값을 다시 클라이언트에게 넘겨주는 형태이기 때문입니다. 저는 클라이언트 부분을 pug 템플릿 엔진으로 작성한터라 기본 html 문법을 사용하는 것과는 모양이 좀 다릅니다.컴파일 되는 기능만을 중점적으로 하기위해 부트스..

학교 과제 중에 나를 너무 괴롭혔던 부분이다.일단 내가 하려는 과정은 DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> table { font-family: arial, sans-serif; border-collapse: collapse; width: 100%; } td, th { border: 1px solid #2E9AFE; padding: 8px; } Insert title here ★아이디 중복확인 절차를 거쳐야 합니다. ★비밀번호 다시 한번 (영문+숫자 4~12자리) ★이름 ★Email ★우편번호 - ★주소 ★나머지 주소 나머지 주소를 적어 넣습니다. 핸드폰 010 ..

textarea 을 옵션없이 기본생성하면 Tab키가 먹질 않는다. Tab키를 적용하기 위한 구문이다. 12Colored by Color Scriptercs 기본 html textarea 에 이 구문을 주면 탭키가 적용된다. 참고로 pug 템플릿 엔진에서는 1textarea(onkeydown="if(event.keyCode===9){var v=this.value,s=this.selectionStart,e=this.selectionEnd;this.value=v.substring(0, s)+'\t'+v.substring(e);this.selectionStart=this.selectionEnd=s+1;return false;}")cs 으로 사용해주면 된다.

저번 포스팅에서 로컬저장소와 리모트 저장소를 연결하는 작업까지 했다. github 사이트에서 내가 만든 저장소에는 아직 아무 commit도 들어있지 않기때문에 우리가 github 사이트에서 다른 소스코드를 볼 때 나오는 화면은 안나오고 있다. 거두절미하고 바로 본론으로 들어가자. ***PUSH / PULL*** 원격 저장소를 다루는 명령어중에 가장 많이 쓰이는 명령어가 아닐까 싶다. 아주 간단하게 말하자면 PUSH : 로컬 => 원격PULL : 원격 => 로컬 의 방향으로 commit 을 복사? 하는 것이다. (복사라고 써야할지는 잘 모르겠다. 이 명령어 수행 후에 원격이든 로컬이든 기록이 둘 다 그대로 남아있으니 복사라는 단어로 사용했다.)비유하자면 내 하드디스크에 있는 사진을 웹사이트에 업로드 하는 ..

이제까지는 계속 로컬저장소에서만 작업을 했는데 GitHub라는 사이트를 통해 원격저장소를 이용하여 온라인 상으로 팀원 간의 코드관리가 가능해진다. 물론 로컬에서 사용하는 commit 이나 merge 등 사용되는 기본적인 용어는 거의 똑같다. 일단 github 홈페이지에 가서 회원가입을 하길 바란다. 일단 오늘은 원격저장소와 리모트 저장소를 연결하는 작업만을 수행해볼 것이다. 그말은 즉 내가 로컬에서 작업하던 commit을 온라인상의 원격 저장소에 전달하는 것이다. ( push 라는 용어를 쓴다.) $ git remote 라는 명령어를 쓰면 현재 등록되어있는 원격저장소가 존재하는지 확인할 수 있다.나같은경우는 이렇게 원격저장소의 이름이 하나 뜨는 걸 볼 수 있고 물론 아직 등록을 안했다면 안나올 것이다. ..

여기서는 URL을 통해서 에플리케이션에 정보를 전달하는 방법에 대해서 알아봅니다. 그 중에서 express 에서 제공하는 query 객체를 사용할 것이다.일단 기본적으로 라우터를 통해 접근하는 구문은 123app.get('/topic',function(req,res) { res.send('hello');});Colored by Color Scriptercs 이와 같이 쓸 것이다. 그러면 3000포트로 접근하고 있다는 가정하에 localhost:3000/topic 의 url로 접근했을 때 웹페이지에 hello 라는 문자열이 나올 것이다. 기존에 알고있던 방법으로는 다른 페이지에 접근하려면 다른 라우터를 통해서 접근을 해야했다. 예를들면 '/form'라우터로 접근한다던가 하면 localhost:3000/fo..

이번엔 템플릿 엔진이라는 걸 소개하는데 사용하는 엔진은 pug(현) jade(과거) 라 불렸던 템플릿 엔진 중에 하나이다. 현 시점에서 다운받으려면 pug를 써야한다. 일단 늘 그렇듯이 npm install을 해야한다. $ npm install pug --save 뒤에 --save와 같은 옵션부분은 선택사항이지만 일단 모르면 --save를 기본 옵션으로 두고 사용해도 무관하다. 아마 현재 init 하고있는 디렉토리에 한해서만 npm을 install하는 것 같다. 즉 다른 디렉토리에서는 그 모듈을 다시 설치하지 않는 이상 사용 못한다고 생각하면 된다. 물론 -g라고해서 전역으로 설치하는 옵션도 있는데 npm을 포스팅하는건 아니니 일단 여기까지.. 일단 웹페이지를 구성하려면 기본적으로 html 코드가 필요하..