Lecture (86) 썸네일형 리스트형 개념모음 node js NPM 으로 패키지 설치 linux apt ( apt-get install mysql) package = 사람들이 만든 작은 단위의 모음집 [지갑 만들기] 랜덤 키 값 만들기 (elliptic , secp256k1) 암호화폐의 지갑을 만들어 보려고 한다. 일단 최초 목표가 있는데 node server.js 를 할때 http://localhost:3000/address 에 요청을 하게 되면 1. node serever.js 가 실행되면 특정 폴더에 특정파일이 생성된다. 2. 개인키값을 보여줄것. 이 두가지 목표를 실행하려면 먼저 지갑의 개인 키 값을 만들어야 한다. 키 값을 만들때는 암호화를 사용하는데 회원가입을 할때 사용했던 sha256 암호화는 복호화가 안되는 단방향 암호화이다. secp256k1 암호화의 개념은 0과 1을 랜덤하게 256번을 던져 그 값을 암호화 하는 것이다. secp256k1을 사용하기 위해서 elliptic이라는 모듈을 설치해야 한다. const ecdsa = require('elliptic'.. 맥 oh my zsh , powerlevel10k 설치 방법 oh my zsh 설치 명령어 sh -c "$(curl -fsSL https://raw.github.com/robbyrussell/oh-my-zsh/master/tools/install.sh)" powerlevel10k 설치 명령어 sudo git clone --depth=1 https://github.com/romkatv/powerlevel10k.git ${ZSH_CUSTOM:-$HOME/.oh-my-zsh/custom}/themes/powerlevel10k 한 후 vi .zshrc 로 들어가서 zsh_theme 부분을 powerlevel10k/powerlevel10k으로 수정해준다. 터미널을 켰다키면 p10k 설정관리자를 볼 수 있다. os 개념 [커널, 쉘] 커널 리눅스 버전이 여러가지가 있는데 차이점이 커널에 있다. 커널의 역할: 1. 메모리 관리 2. 프로세스 관리 3. 장치 드라이브 4. 호출 쉘이 명령어를 해석해서 커널에게 전달함. 커널과 쉘이 os 에서 중요한 역할을 해준다. type of shell : Bash HTTP 요청 헤더 node server.js 를 만들고 3000번 포트를 연결한다음 url창에 localhost:3000을 치고 엔터를 누른다면 어떻게 될까? '요청 헤더'라는게 만들어 진다. 요청헤더는 크게 4가지 파트로 나뉜다. 1. start line => request method(GET or POST) 현재 URL HTTP버전 위 같은 상황에서는 ) GET http://localhost:3000 HTTP/1.1 2.headers 헤더는 화면에 꾸며지지 않는 정보들을 담고 있다. 몇가지만 살펴보자 host: 사이트의 도메인 주소(ex: 네이버, 구글) user-agent: 사이트를 사용하고 있는 user의 정보 content-length : content의 길이 content-type: body내용의 데이터 타입을.. WEB Node.js : 자바스크립트 언어를 이용해 컴퓨터와 소통하는 프로그램 패키지 / 라이브러리란? : 프로그램을 최소단위로 실행항 수 있는 프로그램의 묶음 이 패키지를 관리해주는게 NPM ( Node Package Manager) node-modules 안에 있는 것들이 라이브러리(패키지)들 예) express, react-dom, ...,etc 프레임워크란? : 패키지(라이브러리)들을 여러개 모은 것을 framework라고 한다. 프레임워크의 특징은 폴더트리가 존재한다는 것 Express? : Web server 쉽게 만드려고 생긴 라이브러리 React : node.js 로 만들어진 프론트엔드 프레임 워크 사실 리액트가 패키지인지 프레임워크인지에 대해서는 의견이 분분하다. 하지만 개발자들이 임의로 지키는.. [react] next google analytics 연결 일단 google analytics에서 계정을 하나 만든다. 계정이름과 속성이름 모두 test 로 통일 한다. 데이터 공유 설정 체크후 확인 속성도 변경 후 다음 비즈니스 정보까지 설정 후 확인을 누르면 이런 화면이 뜬다. (관리 > 속성 > 데이터 스트림 에서 언제든지 추가 및 확인을 할 수 있다.) 나는 url을 www.test.com으로 입력하고 측정 설정 후 스트림 만들기를 눌렀다. 그럼 세부정보를 확인할 수 있는데 여기서 태그하기에 대한 안내 부분에 새로운 온페이지 태그 추가에 들어가서 만들어진 사이트 태그를 복사 후 head 태그 섹션에 넣으면 애널리틱스에 정보가 쌓인다. Styled-Component로 하위 엘리먼트 css 입히기 default npm install styled-components되어있고 import Styled from 'styled-components' 로 파일안에 선언이 되어있어야 함 일단 Toggle이라는 이름의 styled-component를 만들어보자 const Toggle = Styled.div`` 이제 백틱 사이에 css 넣으면 css 가 지정된 엘리먼트를 사용할 수 있음 const Toggle = Styled.div` background:transparent; border-color:transparent; ` 여기서 Toggle 컴포넌트 안에 다른 엘리먼트들이 들어가 있을 때 styled-components로 안에 들어 있는 엘리먼트들에 한번에 css 를 입힐 수 있다. styled-componen.. 이전 1 2 3 4 5 6 ··· 11 다음
