.log('FE')

오늘한 일 * 인프런 메인페이지 클론코딩 구성완료 * html + css + js(jQuery) 로 작업 * IE11 까지는 작동하는것 확인

새로운 저장소 만들기 프로젝트를 관리할 폴더 생성 생성한 폴더에서 cmd 에 아래의 명령 실행 git init 저장소에 프로젝트 복제 로컬 git clone /로컬/저장소/경로 원격저장소 git clone https://github.com/github-ID/repogitory-name.git 변경사항 확인 git status git status 로 삭제, 수정, 추가된 파일 staging 에 업로드 되었는지 add 만되었는지 확인 가능 각각의 작업 영역 로컬 저장소에서의 git 을통한 관리 흐름 처음에 생성한 루트폴더가 working space가 됨 working space 변경된 사항을 업로드하기위한 중간 저장소 staging area 중간저장소에 저장한 내용들을 설명과 함께 최종 승인 commit C..

[HTML+CSS+JS(jQuery)] 인프런 메인페이지 Demo : https://clone-coding-inflearn.firebaseapp.com/ Github : https://github.com/kangyongseok/my-result/tree/master/html_css_js/clone_Inflearn Inflearn Clone Coding html + css + JavaScript(Jquery) 메인 페이지만 구현 제작기간 약 2일 추가할사항 소셜로그인 기능 회원가입 및 일반 로그인 기능 로그인시 메인화면에 로그인사용자 정보 반응형으로 프론트엔드 체크리스트 보면서 수정사항 반영 반응형 웹 디자인을 위한 Viewport 설정 Meta Description 추가 언어속성 추가 모든 CSS 파일이..

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..

웹서버에 파일을 업로드 할때 업로드가 완료되기 전까지 웹 서버에서 데이터를 조회한다거나 하는 등의 다른 작업을 할수 없었기에 이애대한 문제 해결 방법으로 NodeJS 가 등장 웹 브라우저를 통해 내 PC에 있는 문서파일 하나를 업로드하려고 한다면 먼저 웹 서버에 업로드를 요청해야 하는데 예전에는 이 업로드가 완료되기 전까지는 어떠한 작업도 불가능했다. 그러나 Node.js 는 하나의 요청처리가 끝나기전에 기다리지않고 다른 요청을 동시에 처리하는 비동기입출력 방식을 적용하였다. 동기입출력 // 동기입출력 방식 var contents = file.read('a.txt'); // 다 읽고 저장될때까지 대기 doShow(contents); var result = doAdd(10, 10) 파일을 다 읽어올때까지 ..

개요 웹 프론트엔드 개발 직군을 지향하면서 느낀건 그냥 페이지를 만들고 기능이 동작하게 하고 예쁘게 만들고 이런 부분도 중요하지만 최근엔 더 무시할 수 없는 부분이 바로 전반적인 웹에 대한 이해다. 요즘은 그냥 웹 페이지가 단일로 동작하지않는다. 많은 API 와 또 다른 서버에서 제공되는 데이터들을 토대로 웹페이지가 만들어지고 그걸 분석하는 툴이 만들어지고 날씨정보, 위치정보, 영화순위 들을 보여줄수있게 되었다. 여기에 보안이슈까지 겹쳐서 무조건 무제한으로 다른 서버에있는 정보를 마음대로 가져올수는 없다. 단적인 예로 그냥 프론트단에서 다른 서버의 데이터정보를 링크를 통해 가져오려고하면 CORS 이슈에 걸려버린다. 이는 서버단에서 처리해주어야 하는 문제이며 데이터는 자기 서버에있는 것만 쓰고 다른곳의 데..

* React 공식문서 번역 한글페이지 참 대단하고 고마우신 분들이다. 공식문서의 한글 번역으로 React 의 특징이나 튜토리얼을 보기가 한결 편해졌다. 여기서는 React 의 기본적인 특징을 알아보고 구직활동하면서 받았던 서면평가의 질의에 대한 답변 부분도 함께 작성해 나가려고 한다. 특징 기본적으로 내가 사용하면서 느낀점은 컴포넌트형태의 개발형태로 기존의 html 에서는 div, p, span 등 용도와 형태를 정확히 파악 할 수 없는 부분들이 있었는데 React 에서는 원하는 이름으로 컴포넌트 태그를 만들어 조립하듯이 끼워넣으며 UI 구성이 가능하다. 그리고 기존 html css js 에서는 이벤트나 상태변화를 나타내기위해 아주 많은 양의 코드와 복잡함이 필요했는데 React 에서는 state 로 ..