전체 글 (57) 썸네일형 리스트형 2022년 8월 3일 개발일지 Data Visualization에 대해 공부를 좀 할 필요가 있다는 생각이들어서 , 이 개념과 함께 d3를 공부해보려고 합니다 . 요즈음 공부하고있는것들은 백엔드와 d3를 병행하고 , 회사에선 vue js 를 사용하며 프론트엔드 개발자로 근무중이며 , 전체적인 흐름을 파악 , 더 재미있는 프로젝트를 만들기위해 기를 모으는 ( ? ) 중이라고 할 수 있을것 같습니다 . What is Data visualization ? - Data visualization is the ability to convey a story or an idea as efficiently as possible . - Makes it easy to identify certain patterns or disruptions in data.. 2022년 7월 25일 개발일지 node.js에 대한 공부를 계속 하겠습니다. http라는 라이브러리를 사용해서 포트를 열수 있었습니다 . const http = require('http') const server = http.createSever((res ,req) => { if(res.url === '/') { res.end('this is our homepage!') } else if (res.url === '/about') { res.end('About Page') } else { res.end(` This is an error ! you need to go back to home! go home `) } }) server.listen(5000) 로컬 서버 포트 5000을 열어서 , 각 라우팅 ( 주소 ) 에 접근하면 , DOM.. 2022년 7월 24일 개발일지 요즘 프론트엔드 작업을 하면서 , 깨닫는것이 프론트는 백엔드가 필요하고 , 백엔드는 프론트가 필요하다는것을 많이 깨닫습니다 . 사이드프로젝트를 할 때에 백엔드가 없으니 open api를 찾아다니게 되고 , 그러다보니 api에 맞춰서 무엇을 해볼까 고민하게 되었습니다 . 그러다가 이럴바엔 내가 api를 만들어보자 해서 회사에서 사용하는 go lang과 javascript 기반인 nest js중에 무엇을 할까 고민하다가 , 자료가 훨씬 방대하고 공부하기 쉬운 nest를 배워보기로 했습니다 . nest란 express.js의 프레임워크개념이고 , express js 는 node js의 프레임워크같은개념이라 , 밑바닥 부터 시작하기 위해서 node js를 공부하고있습니다 . 오늘부터 시작했기때문에 배운건 많이 .. 2022년 4월 3일 개발일지 오늘은 작업할때 가장 많이 다루는 시간과 관련해서 공부했습니다 . '시간'이라는것은 어쩌면 기준점을 잡기 굉장히 힘들수도 있습니다 . 우리는 전세계에서 시간을 다루기때문에 기준이되는 시간이 있지않다면 각 나라의 시간이 몇시인지 시차를 계산하거나 비교하기 굉장히 힘들것입니다 . 우리는 영국의 시간 , GMT를 기준으로 시간을 정하고있습니다 . 그렇다면 컴퓨터에서는 어떠한 시간을 기준으로 프로그램을 작성할까요 ? 컴퓨터에서는 unixTimeStamp라는것을 기준으로 시간을 계산합니다 . unixTimeStamp는 현재의 시간을 초로 나타냅니다 . 우리는 우리의 시간을 표현할때에 알아보기 쉽게 하기 위해서 오후 1시 30분 33초 , 이런 format으로 표현하지만 , 컴퓨터에서는 초를 단위로 표현하는것 뿐입.. 2021년 4월 2일 개발일지 이번에 회사에서 작업을 한후에 느끼는점에대해 기록을 남기려고 합니다 . 1. 써있는 코드를 이해하는 능력을 기르자 . 써있는 코드가 아무리 복잡하고 이해가 되지않아도 써있는코드를 이해할수 있는 능력을 길러야한다 . 코딩을 하면서 느낀점은 . 항상 코딩 자체가 어렵다라기보다 이런 기능을 구현하고 싶은데 어떻게 하는지 "방법"을 모르기때문에 방법을 생각하느라 시간이 오래걸린다 , 내가 하는 코딩은 경험이쌓이면 생산하는데에는 크게 어렵지않은 분야이다 . 웹개발은 머신러닝이나 다른 어려운 프로그래밍이 아니다 . 결국 경험을 쌓고 생산능력을 기르는것이 나에게는 가장 필요한것이고 , 그 생산능력을 빠르게 기를수 있는 방법은 남의 코드를 열심히 들여다보고 , 이해해서 내것으로 만드는것에 있다 . 2. 멘탈을 강하게 .. 2022년 3월 28일 개발일지 오늘은 vue watch 속성에 대해서 공부했습니다 . 우선 watch 라는 속성은 , react로 치면 그 목적이 useEffect 와 매우 흡사합니다 . 어떠한 state값이나 propr값이 변하면 , 변할때마다 어떠한 행위를 ( 함수를 실행시킨다던가 ) 할 수 있습니다 . 비동기식 , 시간이 많이 소요되는 조작을 수행하려는 경우에 유용하다고 하는데 , 제생각에는 대부분 lifecycle hook을 통해서 조작하면 많을 것들을 해결할수 있지않을까 ? 하는 생각이 들긴 합니다 . watch속성에는 2개의 옵션이 있습니다 , immediate와 deep이 있습니다 . 이 옵션을 주기위해서는 hanlder function을 사용해야하고 , handler는 감시 대상 데이터가 변했을때 실행이 되는 함수입니다.. 2022년 3월 27일 개발일지 요즈음 취업을 하게 되어서 , 회사에 적응 기간을 갖느라고 블로그 활동을 꾸준히 하지 않았는데 다시 블로그를 하면서 그날그날 배운 내용을 복습 하는 시간을 가져 보려고 합니다 , 저는 회사에서 자체 서비스를 개발하고있으며 , 저는 프론트엔드 개발자로서 새 서비스를 시작할때에 웹 화면을 개발하거나 , 기존에 만들어져 있는 프로젝트들을 유지/보수/개발을 하고 있습니다 . 스택은 Vue.js , bootstrap을 사용하고 있으며 , 저는 bootstrap5에 대해서 지식이 좀 부족한거 같아서 , 이것에대해 공부를 좀 하려고 합니다 . 당분간은 css퍼블리싱 위주로 공부를 할 생각입니다 . bootstrap을 사용하면서 중요한 부분은 grid system을 잘 이해하는 것이라고 생각하는데요 , 우선 boots.. 2022년 1월 20일 개발일지 vue.js 에 대해서 공부 ! data() 에서 state를 관리하고 , data () 안에서는 객체를 꼭 리턴해주어야 합니다 , 리턴해준 객체안에 state를 생성하면 됩니다 . data () { return {} } methods : { } 에서는 methods , 함수를 생성합니다 . data와 헷갈리면 안되는것이 method에서는 아무 값도 return 해주지 않습니다 . 또 , 이벤트를 바인딩 할때 , template 요소에서 v-on:click 혹은 @click으로 바인딩 할수 있는데 , 리액트랑 다른점은 리액트는 onClick에서 인자를 받을때 무조건 콜백으로 받습니다 ,근데 뷰에서는 콜백으로안받고 바로 괄호를 열어서 인자를 주더라구요 , 거기서 차이점을 많이 느꼈습니다 . 인자가 필요없는.. 이전 1 2 3 4 ··· 8 다음
