본문 바로가기
  • 하고 싶은 일을 하자

javascript5

개발자 신입 취직을 위한 상담 컨설팅 무료로 해드립니다 안녕하세요 요즘 개발 신입 지원하시는 분들이 굉장히 취직이 어려워졌다고 들었습니다. 대기업의 공채도 별로 없고, 작은 기업들도 사정이 좋지 않아 채용을 많이 줄였다고 하더군요. 저도 대학을 졸업하고 취직 준비할 때 어렵구나 느꼈습니다. 인적성은 너무 어렵고 면접에서는 발리기도 하고 20~30 군데는 지원해서 합격했어요. 그런데 지금은 더 어려워졌다고 하니 상상이 안되네요. 그래서 혹시 신입으로 지원하려는 개발자 분들이 계신다면 도움을 드리고 싶어서 이 글을 쓰게 되었습니다. 혹시 상담이나 질문이 있으신 분이라면 junha04@naver.com 으로 메일 주시면 시간될 때 답변 해드리겠습니다. 저에 대해 소개드리자면 중학생 때 부산시 교육청 정보영재 교육을 받았습니다. 한양대학교 컴퓨터공학과를 졸업했습니다.. 2024. 1. 13.
[D3JS] 7. 데이터 준비하기 이 글은 https://youtu.be/2LhoCfjm8R4 강의를 정리하였습니다. 이번 강의에서는 html 표에서 데이터를 뽑는 방법, csv를 만들고 정리하는 방법, Github Gist를 이용해 데이터를 publish 하는 방법을 배웁니다. https://developer.mozilla.org/ko/docs/Web/CSS/color_value - CSS: Cascading Style Sheets | MDN CSS 자료형은 sRGB 색 공간의 한 색을 표현하며, 추가로 알파 채널 투명도 값도 가질 수 있어 자신이 가리키는 색상과 배경이 어떻게 합성되어야 하는지 지정할 수 있습니다. developer.mozilla.org css named color에 대해 들어보신 적이 있나요? 우리가 html에서 속.. 2021. 10. 21.
[D3JS] 5. 얼굴 그리기 with Semantically meaningful JSX refactoring 이 글은 https://youtu.be/2LhoCfjm8R4 강의를 듣고 정리하였습니다. [Compartmentalizing Complexity] Compartmentalize는 "서로 영향을 주지 않도록 구분하다"라는 뜻입니다. https://vizhub.com/curran/be34ae5bb6ef438b9047b0c717d5315c?edit=files&file=index.js Smiley Face Part V Splitting React components into multiple files using ES6 modules. Bonus: React Fragments! vizhub.com 지난 강의에 이어 위의 코드를 리팩토링 해봅시다. 19~20 번째 라인은 not semantically meaning.. 2021. 10. 11.
[D3JS] 4. 얼굴 그리기 with React & ES6 이 글은 https://youtu.be/2LhoCfjm8R4 강의를 정리하였습니다. 이번 강의에서는 - 리액트 컴포넌트 - 리액트 Props - JSX transpilation - ES6 - ES5의 함수와 ES6의 화살표 함수 - ES5의 var vs ES6의 let, const - ES6의 비구조화 할당 에 대해서 배웁니다. 우리가 사용하는 앱들도 새로운 업데이트가 생기듯 자바스크립트도 새 기능들이 업데이트 됩니다. 자바스크립트의 표준은 ECMA 스크립트인데요, 그래서 자바스크립트는 ECMA 스크립트 2019 혹은 ES6와 같은 이름으로 버전이 명명됩니다. ECMA 스크립트에 대한 설명은 위키백과 한국어보다 영어에 더 설명이 잘 되어 있습니다. https://en.wikipedia.org/wiki/E.. 2021. 10. 9.
[D3JS] 2. svg로 얼굴 그리기 이 글은 https://youtu.be/2LhoCfjm8R4 강의의 2번째 강의를 요약하였습니다. [ 웹 기술을 이용하는 이유 ] 시각화를 하는데 다른 기술(파이썬, R, 자바 등)이 아니라 웹 기술을 이용하는 이유는? 1. 웹 브라우저를 이용하여 누구나 접근 가능하다. 2. 내 컴퓨터에 설치할 필요가 없다. 3. 모던 자바스크립트 기술을 이용할 수 있다. 4. 커스텀 디자인 작업이 가능하다. 5. 상호 작용이 가능하다. 우리가 데이터 시각화를 하기 위해 쓰이는 기술은 위와 같습니다. 1. HTML : 웹 페이지의 내용과 간단한 형식을 표현합니다. 일종의 뼈대(Skeleton)과 같습니다. 2. CSS : 웸 페이지를 꾸밀 수 있습니다. 일종의 Skin(피부), Theme(테마)와 같습니다. 같은 HTM.. 2021. 10. 3.