본문 바로가기

분류 전체보기

 (112)
진행하고 있는 프로젝트에 대한 생각 (11월 4주 주간피드백) 20171201 날짜 : 2017. 12. 01.(금) 진행하고 있는 프로젝트에 대한 생각 (11월 4주 피드백) 1. 생각하게 된 동기 프로젝트가 계획대로 진행이 되지 않고 있다. 학습에 있어서 계획보다 많은 시간이 소요되고 있다. 맨붕 2. 생각하게 된점 계획을 잘 못 수립한 부분과, 성과가 좋지 못한 부분 둘다 고쳐야 한다. 안좋은 행동 및 습관들은 계속 의식해서 드러내고 고치도록 해야 한다. 계획이 좋지 못한 부분 한번 혹은 사용해 보지 못한 기술들에 대하여 사용하는 계획이 잘 맞을리 없다. 평소에 학습하는 것에 대하여 시간 측정을 처음하는데 맞는것은 대단한 일이다. 학습범위에 대해서도 계획에 중간반영 되지 않았다. 좋은 계획은 일어나는 행동까지 예측을 하여 작성을 해야 하는 것 같다. 개인 프로..
D3의 늪에 빠지다. (D3 개발 Tip) 20171130 날짜 : 2017. 11. 30.(목) D3의 늪에 빠지다. (D3 개발 Tip) 1. 생각하게 된 동기 챠트가 엑셀 혹은 다른 라이브러리 처럼 쉽게 안그려 진다.... 2. 알게된 점 (개발 Tip) 많이 사용하고, 실수하고, 개선해 가야 한다. D3 v3과 v4는 다르다. 사용 명칭은 달라지지 않았다. 그런데 사용방법이 바뀌었다. 현재 참고하고 있는 책이 있다면 책의 버젼을 따라서 만드는 것을 추천한다. 손에 익숙해 지면 v4을 사용 하면 된다. (그런데 왜 난 v4를...) 예를 들어. 비닝작업(분류) : d3.scale.linear() ▶︎ d3.scaleLinear() 축설정(axis) : d3.svg.axis() ▶ d3.axis[Left,Right,Top,Bottom]() s..
D3는 그림 위에 그림을 그린다. 20171129 날짜 : 2017. 11. 29.(수) D3는 그림 위에 그림을 그린다. 1. 생각하게 된 동기 프로젝트 사용할 D3 챠트 학습 2. 알게된 점 일반적인 D3 처리과정 로딩, 측정, 생성, 갱신 용어정리 enter, update, exit DOM처리 event처리 enter, update, exit 'svg'와 데이터를 연결을 하고 속성값을 주어야 화면에 나타나게 되는데, 이를 bind 라고 한다. enter는 처음 데이터를 연결할때, update는 값을 변경해야 할때, exit는 값을 제거할 때 사용한다. (더 상세한 설명은 아래의 블로그를 참조해 주시기 바랍니다.) DOM처리 ineraction 처리를 위해서 css 속성값 변경 및 DOM 추가 및 제거 등의 작업을 할 수 있다 eve..
callback 함수는 비동기가 아니다. 20171128 날짜 : 2017. 11. 28.(화) callback 함수는 비동기가 아니다. 생각하게 된 동기 callback은 javascript Engine의 call stack을 다 실행한 뒤 eventloop에 있는 것을 실행한다고 알고 있다. 하지만 아래의 예제에서 다른 결과가 나왔다. 예제1 //예상 1, 3, 2 출력 var data = [{"user":1}, {"user":2}, {"user":3}] console.log("1") console.log(data[0].power) data.forEach(function(data){ data.power = data.user + 10 console.log("2") }) console.log(data[0].power) console.log("3..
react와 알게된 내용 2 - webpack 20171123 날짜 : 2017. 11. 23.(목) react와 알게된 내용 정리 2 - webpack 생각하게 된 동기 react를 사용하는데 webpack이 무엇인지는 모른다. 실제 서비스를 출시할 때에는 그럼 어떻게 하는 것이지? 알게된 점 용어정리 번들링 : 여러 파일들을 하나의 파일로 모아주는 작업을 지칭 로더 : 다른 리소스를 Javascript에서 사용할 수 있는 형태로 변경 ex1) json파일 -> data object ex2) template -> template function ex3) other language -> jsavscript 빌드 : develop, product, test 형태로 코드 변경 하는 작업 ex1) product형태는 코드 중복 제거 작업 수행 ex2) t..
React와 알게된 내용 정리 1 20171122 날짜 : 2017. 11. 22.(수) React와 알게된 내용 정리 1 생각하게 된 동기 잊어 버리기 전에 알게된 사실들을 다시 되짚어 보면서 기억을 하기 위해서 알게된 점 React는 라이브러리 이지만 언어와 같이 사용하기 위한 규칙들이 있기에, 프로그래밍 언어와 비교를 하여서 작성을 하였다. 해당 부분에 대하여 일치하지 않는 부분 및 의견이 있으시면 글을 남겨주세요. 항목 React javascript 비고 변수 state var (es6 let) 상수 props - (es6 const) 배열 state, props 둘다표현 가능 Array React : value 수정을 위해선 새로운 배열을 만들어서 바꾸어야 함. 함수 function function React: construct..
react와 boostrap과 reactbootstrap. 20171120 날짜 : 2017. 11. 20.(월) react와 bootstrap와 개발자 생각하게 된 동기 포트폴리오로 사용하기 위한 사이트 개발을 진행중 화면에 보여지는 부분을 중요시 생각 하고서 설계 진행 개발이 진행 되지 않는다.... ;;;;; 알게된 점 알고 있다고 생각하는 것은 알고 있는 것이 아니다. 실제 개발을 진행하니 기능을 제대로 사용하지 못하여 버벅거림 디자인과 기능 중에서 2가지를 동시에 진행할 수는 없다. (사람몸은 1개 이니까.) react 모듈의 확장모듈(?)로써 react-bootstrap 이 있다고 한다. bootstrap별 다른 패키지 명을 사용하고 있다. bootstrap과는 다르게 만으로 CSS를 적용한다. 안 좋은점은 bootstrap만큼 다양한 예제와 stac..
jugglingdb, 도전, 피드백, 성공적, 실패 20171113-2 날짜 : 2017. 11. 13.(월) jugglingdb, 도전, 피드백, 성공적, 실패 생각하게 된 동기 책의 예제가 실행이 안된다. 스스로 문제를 해결해 보자. 현재 내린 생각 라이브러리를 사용할 때는 업데이트가 자주 있는지, stack overflow에 질문이 많은지 확인하고 사용하자. jugglingdb github페이지 확인 github 이외에는 별도의 홈페이지가 없다. 각 함수에 대해서 자세한 설명이 없다...... jugglingdb google 검색 한국어 검색결과 적음. stackoverflow에 원하는 결과가 없음 'jugglingdb stackoverflow' 질의시 최근 1년간의 게시글이 상위에 올라온 것이 없음 jugglingdb github에 있는것을 추측하..

티스토리툴바