.log('FE')

1. JS 만을 활용한 TAB 메뉴 구성 2. 탭 메뉴 클릭시 컨텐츠 내용 변경 3. 탭 메뉴 클릭시 메뉴의 디자인 변경 HTML Home Resume Self introduvtion Portfolio Connect 안녕하세요 CodeReading 소개에 오신것을 환영합니다. 이력서 자기소개 포트폴리오 연락처 CSS * { margin:0; padding:0; } .tab { width:100%; height:40px; background: #eeeeee; display: flex; justify-content: center; align-items:center; list-style:none; } .tab li { margin:0 1rem; cursor:pointer; padding:1rem 2rem; }..

2018/12/28 - [NodeJS] - Node.js + Express + MongoDB CRUD 만들기 이전에 만들었던 프로젝트를 헤로쿠클라우드 서비스에 업로드하는 방법입니다. 한 두시간 세시간을 끙끙 싸맨것같은데 어찌어찌 업로드에 성공하였습니다. 헤로쿠 클라우드에 업로드해서 mLab 에서 제공하는 mongoDB 서비스까지 연결해서 CRUD 가 정상적으로 작동하고 있습니다. 1. 헤로쿠 사이트 회원가입 하고 앱 만들기 2. 헤로쿠 앱 생성하기 3. 헤로쿠 CLI 설치하기 4. # npm install -g heroku 5. # heroku login 6. # heroku create 7. # heroku apps:rename 변경할이름 --app 기본생성이름 8. 확장자없는 /Procfile 생성 ..

/user01.js // export 객체 속성으로 함수 추가 exports.getUser = function() { return {id: 'module01', name: 'codereading'}; } exports.group = {id: 'group01', name: 'Family'}; exports.sum = function (a, b) { return a + b; } 위의 파일은 모듈이 될 파일이고 3종류의 다른 함수와 객체값을 갖습니다. /module01.js // 모듈화한 파일을 불러와서 const 에 저장 const user01 = require('./user01'); // 모듈화한 파일에서의 정보 가져오기 const userName = user01.getUser().name; const u..

- Github 바로가기 Mometum DEMO HTML + CSS + VanilaJS 로만 구현 Open Weaher API 사용 기간 : 약 1일 참조 video : 초보자를위한 Vanila JavaScript 참조 Model : Chrome웹스토어 확장프로그램 Momentum Chrome Browser 에서만 정상 작동 구현목록 Clock User Name Input ToDo Input Weather CurrentLocation CRUD Create (Create User Name, To Do) Read Update Delete (Create User Name, To Do) 기능 시계 User Name 등록 User Name 삭제 리로드시 배경 이미지 랜덤 변경 할일 목록 등록 완료체크시 완료 목록..

1. DatabaseExample 폴더생성 2. app.js 파일 생성 3. $ npm init 4. 모듈 설치 $ npm install express http path body-parser cookie-parser serve-static errorhandler express-error-handler express-session mongodb --save app.js 기본세팅 // Express 기본 모듈 불러오기 var express = require('express'), http = require('http'), path = require('path'); // Express의 미들웨어 불러오기 var bodyParser = require('body-parser'), cookieParser = requ..

1. mongoDB 설치 2. 시스템 환경 변수 추가 변수이름 : Path 변수 값 : C:\Program Files\MongoDB\Server\4.0\bin; 3. C:\database\local 폴더 생성 4. cmd 창에 명령어 입력 $ mongod --dbpath /Users/user/database/local 5. mongoDB 실행 $ mongo 6. 데이터베이스 지정 $ use local 7. TEST $ db.users.insert({name:'testText', age:20}) $ db.users.find().pretty() 위와 같이 실행되면 정상

* node.js 설치가 이미 이루어 졌다고 가정하고 진행합니다. 현재 사용 버전 v10.9.0 공식홈페이지에 들어가니 LTS 버전이 10.14.2 로 제가 사용하고있는데 낮은 버전이라 업데이트부터 하겠습니다. 버전확인방법 $ node -v // v10.14.2 $ npm -v // v6.4.1 첫번째 노드 프로젝트 만들기 1. NodeTutorial 폴더 생성 2. test.js 파일 생성 3. console.log('첫번째 노드입니다.') 3. $ node test01.js 명령어 입력하여 실행 모듈만들고 호출하기 module.js var calc = {}; calc.add = function(a, b) { return a + b; }; module.exports = calc; - calc 라는 변수..

* 프로그래머스 > 코딩테스트연습 > 정렬 > 가장 큰 수 문제설명 0 또는 양의 정수가 주어졌을 때, 정수를 이어 붙여 만들 수 있는 가장 큰 수를 알아내 주세요. 예를 들어, 주어진 정수가 [6, 10, 2]라면 [6102, 6210, 1062, 1026, 2610, 2106]를 만들 수 있고, 이중 가장 큰 수는 6210입니다. 0 또는 양의 정수가 담긴 배열 numbers가 매개변수로 주어질 때, 순서를 재배치하여 만들 수 있는 가장 큰 수를 문자열로 바꾸어 return 하도록 solution 함수를 작성해주세요. 제한사항 - numbers의 길이는 1 이상 100,000 이하입니다. - numbers의 원소는 0 이상 1,000 이하입니다. - 정답이 너무 클 수 있으니 문자열로 바꾸어 retu..

My first React Native * 노마드코더의 React Native로 ToDo 앱 만들기 코스 계속 React 만 만져보다가 처음으로 React Native 앱을 만들어 보았다. 최근 면접과 서면질의 응답이 아주 큰 자극이 되었다. 빠른 시일내에 소스코드에 대한 설명을 붙여서 블로그와 Github 에도 업로드 할 예정이다. 느낀점 1. 변경사항 실시간 확인 사실 코틀린이나 Xcode 등 다른 모바일 앱 개발 툴은 써본적이 없어서 줏어들은걸로만 얘기하자면 별도의 빌드과정을 거쳐야 결과물 확인이 가능하다고 들은것같은데 아직 이부분은 공부가 부족해서 .. 어쨋든 RN 을 통한 개발자체는 웹 개발하듯이 실시간으로 확인하면서 바로바로 피드백받고 수정하고 또 기능을 만들어 나갈 수 있어서 여러가지로 편했..

181217 12월엔 꼭 취업을 해야지 라는 생각으로 약 10~15곳에 이력서를 지원했고 대부분이 이력서 서류에서 광탈해버렸다. 어쨋든 실력부분에서든 이력서나 자소서에서든 부족한 부분이 많기 때문이고 문제가 있다고 판단하였고 다시 돌아보면서 재정비를 해야 할 때 라는 생각이 들었다. 우선 블로그와 깃헙을 좀 체계적으로 관리를 해야겠다는 필요성을 느꼈다. 블로그 블로그의 목적을 한번 생각해보자, 블로그는 나의 생각을 정리하고 또 나를 브랜드화 시킬수 있는 좋은 도구이다. John Sonmez의 소프트스킬 이라는 책에서도 블로그의 중요성을 강조한다. 또 블로그는 다른사람과의 소통의 창구가 될 수 있고 개발자로서 역량이나 의사소통 능력을 높이는 데에도 도움이 된다. 또한 블로그만 잘 운영해도 수십만명과의 교류..