본문 바로가기

전체 글

 (112)
DB 데이터가 깨져서 보일때 blog 날짜 : 2017. 5. 30(화) 목표 : DB 데이터가 깨질때 수행결과 : 서버 초기에 세팅을 할떄는 언어 및 데이터 형태 등 모든것을 확인해야 한다. DB의 언어 설정값이 한국어 미지원 이다. 기본설치로 하면은 latin으로 설치가 된다. 확인방법 : #>show variables like 'char%'; 해당 database의 설정값을 변경해야 하고, mysql의 설정값을 변경 해야 한다. 여기서는 데이터가 많이 들어가 있지 않기 때문에 전체를 삭제하고서 다시 database를 세팅. mysql 설정값은 /etc/mysql/my.cnf 변경 (ubuntu 16.04.2 LTS) 참고사이트 제타위키 Mysql - mysql 설치후 Character set 변경
github 프로젝트 이슈 정리 blog 날짜 : 2017. 5. 29(월) 목표 : github프로젝트의 백로그 정리하기 수행결과 : 자기가 생각했을때 가장 작은 업무 단위로 등록하는 것이 이후 사후 관리 및 추적이 가능하다. 정리한 github 주소 : https://github.com/bookflex/bookflex/projects/1 업무를 분할하여 진행하다 보니 이슈 등록을 하는 단위가 가지각색 이다. 어떠한 사람은 이슈를 1개만 등록하고, 어떠한 사람은 여러개를 등록하는데. 이중에서 사후 관리가 되는 것은 작은 것으로 여러개 등록한 것이 사후관리가 편한것 같다. 큰단위가 된다면은 해당 이슈가 구현 하는 내용을 생각 하기 힘들어 진다. 해당 이슈의 내용 소스코드로 찾아 가기가 쉽지 않다. (변경점이 많기 때문) @font-fa..
[비개발] 현재까지 취업준비를 하며 일자 : 2017. 05. 25(목) 목표 : 오늘한 취업활동과 내가 해온것들 내가 앞으로 할것들은 무엇인가? 수행결과 : 이제 시작선에 설수 있게 된것 같다. 앞으로 해야 하는 것들은 목표를 더 구체화 하고 그것을 이루기 위해 필요한 것들을 정리하고 실천하는 것. - 현재 하고 있는 취업활동 1. 자기소개서 작성 2. 기술면접(알고리즘) 준비 - 현재 까지 한것들 1. 웹 프론트 엔드 : HTML, CSS, DOM 조작, 이벤트처리 2. 자바스크립트 : ajax(XMLHttpRequest, fetch) 3. 노드 : routing, template, SQL CRUD, session authenticate 4. 라이브러리 : chart.js, react, redux, bootstrap 5. 서버 : Vi..
deploy 방법과 선택 일자 : 2017. 5. 24(수) 목표 : 개발한 웹페이지 소스코드를 배포를 해보자- 배포tool의 종류와 방법 수행결과 : 배포를 하는 방법은 여러가지가 있으며, 자신이 필요로 하는 기능이 무엇이 아는 것이 첫번째 이다.1. 배포 방법의 종류 - 스크립트로 직접 만드는 방법 - 장/단점 : 만들기가 쉽다. / 배포를 해야하는 서버가 많은 경우 시간이 많이 걸린다. 복잡한 동작이 되지 않는다. - 방법 : (1) crontab에 쉘스크립트를 실행하여 github의 상태를 체크 한다. (2) git hook을 이용하여 push시 특정 동작이 수행되도록 설정한다. - 전용툴을 사용 하는 방법 - 장/단점 : 많은 서버에 한꺼번에 배포가 용이하며, 복잡한 동작까지 가능하다. / 러닝커브가 소요된다. - 도구..
긴글을 "..." 으로 자르기 일자 : 2017. 5. 22(월) 목표 :지정된 넓이 보다 긴 글을 보기 좋게 하자.- 행을 바꾸어 주어서 너비에 맞게 하기- (선택) 너비가 넘어가면 글자를 자르고 "..." 보여주기 수행결과 : 1가지 속성값으로 되지 않으며, 각 속성값이 이해해야 수정이 가능할 것 같다.- 적용해야 하는 속성값은 "display, overflow, white-space, text-overflow" 이다..rankTitle{ position: relative; left: 3rem; width: 250px; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} -- display값은 화면에 보여주는 속성 : inli..
javascript를 java 처럼. 일자 : 2017. 5. 18(목) 목표 : javascript를 java 클래스 처럼 사용해 보자. (알고리즘 공부를 위함)- 주력으로 사용하는 언어는 javascript인데 자료는 java밖에 없다. - ECMA표준이 재정의 되면서 class처럼 사용할 수 있다고 하니 이를 활용해 보자. 수행결과 :- emca 2015부터 사용이 가능하다고 하니, 호완성이 해결되지 않아 babel 같은 것이 필요 할 것 같다.- 조금더 사용해 보아야 하겠지만, java로 하던것을 모두 할 수 있을것 같다. (다음번에 후기 예정)class Rectangle { constructor(height, width) { this.height = height; this.width = width; } get area() { ret..
passport-local 사용결과, bootstrap3 사용 일자 : 2017. 5. 17(수) 목표 : passport-local custom callback 진행결과, boot-strap 사용 수행결과 :(어제 것에 이어서...)1. server 측에서 request.body값이 비어 있던것은 클라이언트에서 JSON으로 보내지 않은 문제였다. (JSON.stringify 만세)2. 인증을 하고나서의 문제는 현재의 프로젝트는 SPA(sing-page-application)인데 서버는 REST API용으로만 사용하다 보니 인증 재확인을 어디서 해야할지 애매한 문제이다. - 우선 구현을 위하여 먼저 처리한 이후 다른 방식을 고민하는 방법. - JWT 라는 토근방식을 적용하는 방법(인증정보를 클라이언트에서 가지고 있는다.)3. 해당 인증부분은 다른사람이 맡게 되었다...
redux, passport-local을 구현하자. 일자 : 2017. 5. 16(화) 목표 : passport-local custom callback, react-redux 사용하여 인증하기 수행결과 : 진행중.1. passport-local에서 custom callback을 사용하는 경우 req.body에 태그에서 받은 값을 넣어서 진행해야 한다. 2. action에서 javascript의 fetch함수를 통하여 body값을 넣어서 전달 3. 그런데 body 값이 비었다???

티스토리툴바