Phot_o_matic Programming

seeder - fakerjs로 가짜 데이터 생성해서 뿌릴 sequelize로 뿌려주었다 google translate api - 지정해줘야 하는 것 // Instantiates a client const translate = new Translate( { projectId: 'your project id', keyFilename: 'path of your service acount json file' } ); //projectId eg my-project-0o0o0o0o' // keyFilename eg my-project-0fwewexyz.json https://www.lostsaloon.com/technology/how-to-view-edit-and-delete-an-environment-varia..

Programming/Hello, stranger 2019. 7. 18. 23:21

https://ko.wikipedia.org/wiki/%EC%A0%95%EA%B7%9C_%ED%91%9C%ED%98%84%EC%8B%9D

Programming/Concept 2019. 7. 17. 22:39

Hello world! It is my first time to practice Typora for saving my works in markdown 대쉬 하나 별 표 하나 플러스 하나로 목록 만들기 first second third 이탤릭은 양옆에 언더바를 넣으세요 강조하고 싶을 땐 양옆에 언더바 두 개 아니면 별 두 개 이탤릭과 두껍게를 동시에는 요렇게 별 두 개씩과 언더바 하나로 감싸기 취소선은 물결 표시 두 개 언더바는 u 태그로 감싸주세용 NAVER 링크는 '[]'대괄호로 링크명을 쓰고 그 뒤에 '()'소괄호를 붙여서 링크 주소를 넣어주세요 let a = 1 코드를 강조하고 싶을 땐 Grave로 감싸주세요 줄바꿈

Programming/Concept 2019. 7. 16. 21:08

로컬 클라이언트에서 로컬 서버를 거쳐, aws의 rds의 데이터베이스를 조회하고 사용할 수 있게 만드는 것이 이 날의 목표였다. 1) 로컬 클라이언트 리액트를 사용하여, 각 endpoint별 page와 내부 component 생성 react-router-dom을 사용하여 내장되어 있는 Route,Redirect, Link, Switch component로 endpoint에 맞게 분기 2) 서버와 데이터베이스 연동 server 코드의 config 중 development 환경의 정보를 aws에 맞게 수정한다 그 후, 서버를 켜면 자동으로 aws에 연결되어 workbench로도 스키마 확인이 가능해진다 3) 클라이언트에서 SignIn, SignUp 각각에 대하여 request 보냈을 때에, 제대로 된 정보를..

Programming/Hello, stranger 2019. 7. 13. 13:15

문자열로 받은 로마숫자를 실생활에 사용 중인 아라비아 숫자로 변환하는 알고리즘. /* * Ex: * translateRomanNumeral("LX") // 60 * 큰 로마숫자 앞에 작은 로마 숫자가 나타나면, 그 때에 가산 표기가 적용된다. * 큰 것의 앞에는 오직 하나의 작은 로마 숫자가 나타나는 것을 가정할 수 있다. * * Ex: * translateRomanNumeral("IV") // 4 * 유효하지 않은 입력값에는 null을 return해준다. */ var DIGIT_VALUES = { I: 1, V: 5, X: 10, L: 50, C: 100, D: 500, M: 1000 }; var translateRomanNumeral = function(romanNumeral) { // TODO: I..

Programming/Algorithm 2019. 7. 13. 07:09

React tool chain, create-react-app 이번 프로젝트의 클라이언트 구성에서 React.js를 사용함에 있어, 많은 툴체인 중 하나인 create-react-app를 적용하였다. React를 배우고 있는 중이거나, 신규 싱글 페이지 앱을 만들 때 사용하라고 공식 홈페이지에서도 추천하고 있다. 다른 성격의 프로젝트를 진행하거나, 다른 툴체인이 궁금하다면 아래의 링크를 참고하면 좋겠다. 새로운 React 앱 만들기 프로젝트 생성과 라이브러리 설치 cretate-react-app npm install react-router-dom (브라우저에서 사용되는 리액트 라우터) npm install cross-env --dev (프로젝트에서 NODE_PATH를 사용해 절대경로로써 파일을 불러오기 ..

Programming/Hello, stranger 2019. 7. 12. 21:47

socket.io 적용을 위해서, 서버와 데이터베이스, 그리고 클라이언트와 서버의 연동을 생각해보았다. 클라이언트 클라이언트의 프로토타이핑을 빠르고 강력하게 하기 위해서 어떤 툴과 서비스들이 있는지 찾아보았다. 1) react studio - tool이 무료, 생성한 컴포넌트의 코드 추출 가능, 하지만 최신 기기들에 대한 최적화 미흡 2) supernova studio - tool은 유료, sketch 파일을 불러와서 컴포넌트로 변환 가능, 코드 추출 가능 socket.io 내일 작업할 예상 flow 1) 클라이언트에서 socket.emit 2) 서버에서 socket.on으로 받아서, callback으로 데이터베이스에 정보 요청하고, 3) 데이터베이스로부터 응답받은 정보를 클라이언트로 socket.emi..

Programming/Hello, stranger 2019. 7. 11. 23:16

부트스트랩은 "오픈형 UI 플러그인"이다. 빠르고 쉽게 레이아웃을 구성할 수 있고, 다양한 인터페이스 사용이 가능하다. HTML5와 CSS, Javascript로 만든 프레임워크로써 기본 레이아웃과 메뉴, 버튼, 리스트, 탭 이미지 등을 다양한 형태의 엘리먼트를 제공하여 쉽게 홈페이지 개발을 할 수 있게 도와준다. 장점 무엇보다도 "반응형 웹" 개발을 도와주는 프레임워크이기 때문에, 브라우저의 크기나 장비의 크기에 따라 웹페이지를 유동적으로 보여줄 수 있게 된다. 모바일에서도 적절한 크기로 변화하므로 서비스를 제공할 수 있는 대상의 폭이 넓어질 수 있다. 단점 jQuery에 대한 의존성이 강하고, 정형화되어 있어서 내 마음대로 디자인의 구성요소를 변경하는 것이 어렵다. 구형 브라우저에서 지원이 되지 않는..

Programming/Concept 2019. 7. 11. 17:41