Lukémento Lukémento

Frontend를 시작한지 얼마 되지 않았지만 그 짧은 사이에도 크고 작은 것들이 많이 변화했다. 정말 빠르구나 싶기도 하고 그런게 나름 또 이 세계의 재미가 아닌가 싶기도 하다. React도 16.8이 릴리즈 되면서 hooks라는 api가 새롭게 등장했다. 익숙해 지려고 할 때 쯤 새로운 놈이 등장해서 다시 또 적응을 해야했고 지금은 나름 열심히 사용하고 있긴하지만 이쯤에서 자주 쓰는 hooks에 대해 정리를 한 번 해볼까한다. (물론 틀린 내용이 있을 수 있고, 주관적인 생각이 포함되어 있을 수 있다.) 우선 각 hook에 대해 정리하기 전에 hooks라는 이름에 대해 생각해 볼 필요가 있지 싶다. react 문서에서는 hook을 아래처럼 설명하고 있다. Hooks are functions that ..

"모던 웹을 위한 JavaScript jQuery 입문" 책 훑으면서 메모 타입primitive type : string, number, boolean(true - 1, false - 0)reference type : function, objectetc : undefined형변환문자열과 숫자 연산에서 더하기 연산자를 제외한 사칙 연산자는 숫자가 우선'52' + 273 = '52273''52' * 273 = 14196선언적 함수와 익명 함수선언적 함수가 먼저 해석된다.(= 호이스팅, 참고 : 함수선언과 함수표현)클로저지역 변수를 남겨두는 현상, 함수로 생성된 공간, 리턴된 함수, 살아남은 지역변수 등등 정의는 다양self. "함수 내부의 지역 변수를 리턴된 내부 함수를 통해 접근하는 것"타이머 함수타이머 ..

입사 전, front-end 공부 계획 세우기 목표프론트엔드 개발자로 전향하기 위한 준비로 생활코딩으로 공부 하기 범위WEBn - CSS, JavaScript클라이언트 - HTML, CSS, JavaScript언어 - JavaScript개발도구 - VS Code참고카카오페이지 웹 React 포팅 후기계획 Date Content Etc 1 2018/08/24 WEBn - CSS https://caniuse.com : 브라우저별 지원하는 feature 확인 2 2018/08/25 WEBn - JavaScript 3 2018/08/26 WEBn - JavaScript getElementById()와 querySelector() 42018/08/27 WEBn - JavaScript 52018/08/28 언어 -..

블록체인에 대해 이해를 하기 위해 찾아보고, 참고할 만한 링크 정리 사토시 나카모토의 비트코인 논문(번역) : 블록체인/암호화폐의 사회적, 역사적 의미 : 블록체인 기술 등장에 대해 사회적/역사적인 의미를 부여해서 설명한다. 한 번 읽어보면 좋을 듯.블록체인에 대한 쉬운 이해 : 블록체인보다는 비트코인에 대한 설명이지만 이해하기 쉽게 되어 있음homoefficio 블로그(https://www.slideshare.net/hanmomhanda/ss-82430766) : 기술적으로 설명되어 있어 이해가 가장 쉬웠음- 블록체인 기초개념- 블록체인 한 번에 이해하기뱅크샐러드의 블록체인 매거진 : 내용이 단순하게 정리되어 있으나, 구체적이지 않아 ???가 나오는 경우가 있음the loop의 블록체인 관련 글 연재 ..

HTTPS와 SSL 그리고 인증서 생활코딩 : HTTPS와 SSL 인증서KLDP Wiki : SSL 인증서 HOWTO(크게보기 : https://wiki.kldp.org/HOWTO/html/SSL-Certificates-HOWTO/index.html) 간단요약HTTPS란?HTTP는 암화화를 지원하지 않기 때문에 SSL(TLS)를 통해 암호화한다. 좀 더 자세히 얘기하면 HTTP 프로토콜 메시지를 한 단계 더 거쳐 SSL을 통해 암호화하고 TCP를 통해 전달한다. 받는 쪽은 마찬가지로 TCP로 수신한 메시지를 복호화하고 HTTP메시지로 변환하여 처리한다. 암호화?HTTPS에서 사용하는 암호화 방식은 공개키 방식과 대칭 키 방식 두 가지다.대칭키 방식 - 암호화와 복호화시 동일한 키를 사용한다.공개키 방식 ..

Windows에서 linux 사용하기 - windows subsystem for linuxlinux를 사용할 일이 생겨, 설치를 알아보던 중 전에 잠깐 설치해봤던 wsl이 생각나서 찾아봤다.초기에는 불편해서 안썼었는데, 지금은 beta를 벗어나 괜찮아진 듯해 설치해봤다. (virtual box 설치도 귀찮은 감도 있고해서...) 1. Microsoft Store에서 Unbuntu 설치Microsoft Store에서 Unbuntu를 검색해서 설치한다. (Ubuntu 18.04를 설치했다) 2. 설치 후 실행하면 바로 실행이 되지 않는다. Windows Subsystem for linux optional component를 활성화를 시켜줘야 한다.power shell을 관리자 모드로 실행한 뒤 아래 명령어를..

코딩야학 진행 정리 생활코딩에서 진행하는 코딩야학을 하면서 진행 상황을 정리해 본다. 간단한 내용들이기 때문에 정해진 진도보다 조금 빠르게 진행. 날 짜 토 픽 참 고 1 2018.08.01 프로젝트의 동기기획코딩과 HTMLHTML 코딩 실습 환경 준비기본 문법 - 태그 atom 설치 : https://atom.io/ 2 2018.08.02 혁명적인 변화통계에 기반한 학습줄바꿈HTML이 중요한 이유최후의 문법 속성과 img번외WEB2 - Domain Name System - IP 주소와 hosts- 도메인 이름과 보안- DNS의 태동- DNS의 원리- public DNS의 사용- 도메인 이름의 구조- 도메인 이름 등록 과정과 원리- nslookup 사용법- 나의 도메인 이름 장만하기- DNS record..

한 달 동안(7.1~7.31)의 Ptyhon study 마무리 쉬면서 python을 공부해봐야 겠다 싶어서 시작을 했고, 이제 마무리를 지어본다.아직 할 건 많고 부족한 것도 많지만, 첫 목표는 이쯤에서 완료하고 다음 단계로 넘어가는게 좋을 것 같다.그동안 진행 내용을 markdown으로 정리하고 github-page에 올렸으나, 관리가 어려워 tistory만 사용하면서 옮겨본다.마지막 며칠은 git을 날리는 바람에 내용이 부족하다. 내용도 원래 별로 없긴하지만. 목표최신 python버전 3.7을 사용해서 jump to python내용으로 학습 후 HackerRank와 병행 HackerRank 순서30 Days of Code(1일 1문제)Interview Preparation Kit(65문제) > Cra..