일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
- 솔리디티
- wget
- 리액트를 다루는 기술
- npm
- 이더리움
- 리눅스
- MariaDB
- 머클트리
- 변수
- 설치
- 라우터
- 쉘스크립트
- wsl
- 환경변수
- 노드
- node.js 교과서 따라하기
- 리액트
- 우분투
- centos
- Docker
- 깃허브
- 블록체인
- 전역설치
- 벨로포터
- Sequelize
- 시퀄라이즈
- 일반유저
- immer
- 자바스크립트
- 머클루트
- Today
- Total
목록기록/정리 (27)
코드코코

우분투 터미널 환경에서 github를 이용해보자 1. git init - 현재 폴더를 로컬 저장소로 지정 - 깃하고자하는 디렉토리에 위치 ubuntu@DESKTOP-RJ31OF5:~/workspace/lg$ git init Initialized empty Git repository in /home/ubuntu/workspace/lg/.git/ 2. .gitignore 파일 생성 - 파일 생성 후 내용추가 ubuntu@DESKTOP-RJ31OF5:~/workspace/lg$ touch .gitignore ubuntu@DESKTOP-RJ31OF5:~/workspace/lg$ vi .gitignore ubuntu@DESKTOP-RJ31OF5:~/workspace/lg$ cat .gitignore node_mo..
package main import "fmt" func add() *int { //garbage collector : 불필요한 메모리를 정리해 줌. //메모리가 정리되는 기준점 : 메모리(변수)가 필요 없어지는 순간 //즉, 'reference count = 0' 이 되는 순간 GC가 지움. //reference count var a int //1 var p *int a = 3 p = &a //2 fmt.Println(*p) //1.리턴되는 순간 메모리가 사라지는 것이아니라, return p } func main() { //2. 실행이 끝나는 순간 메모리가 정리됨. v := add() fmt.Println(v) } Garbage Collector : 불필요한 메모리를 자동으로 정리해 줌. GC의 유무에 ..
immer 라이브러리 - 불변성에 신경 쓰지 않는 것처럼 코드를 작성하되 불변성 관리는 제대로 해주는 것 - 단순히 깊은 곳에 위치하는 값을 바꾸는 것 외에 배열을 처리할 때에도 쉽고 편함. - 객테 안에 있는 값을 직접 수정하거나, 배열에 직접적인 변화를 일으키는 push, splice 등의 함수를 사용해도 무방. import produce from 'immer'; //produce(수정하고 싶은 상태, 상태를 어떻게 업데이트 할지 정의 하는 함수) const nextState = produce(originalState, draft => { //바꾸고 싶은 값 바꾸기 //produce 함수가 불변성을 유지를 대신해 주면서 새로운 상태를 생성 draft.somewhere.deep.inside = 5; })
리렌더링이 발생하는 상황 1. 자신이 전달받은 props가 변경될 때 2. 자신의 state가 바뀔때 3. 부모 컴포넌트가 리렌더링될 때 4. forceUpdate 함수가 실행될 때 React.memo 를 사용한 리렌더링 방지 - 컴포넌트의 props가 바뀌지 않았다면, 리렌더링을 방지하여 컴포넌트의 리렌더링 성능 최적화를 함. - 컴포넌트를 만들고 나서 감싸주기만 하면 됨. 함수가 계속 만들어지는 상황을 방지하는 방법 1. useState의 함수형 업데이트 기능을 사용 - 파라미터로 새로운 상태 대신에, 상태 업데이트를 어떻게 할지 정의해 주는 업데이트 함수를 넣는다. //useState 함수형 업데이트 const [number, setNumber] = useState(0); //prevNumbers는..
라이프사이클 메서드 - 모든 리액트 컴포넌트에는 라이프사이클이 존재 - 페이지에 레더링되기 전인 준비 과정에서 시작하여 페이지에서 사라질 때 끝남. - 클래스형 컴포넌트에서만 사용가능 - 함수형 컴포넌트에서는 Hooks기능을 사용하여 비슷한 작업을 처리. 라이프 사이클 흐름 마운트(mount) : DOM이 생성되고 웹 브라우저상에 나타나는 것. 1. constructor : 컴포넌트를 새로 만들 때마다 호출되는 클래스 생성자 메서드 2. getDerivedStateFromProps : props에 있는 값을 state에 넣을 때 사용하는 메서드 3. render : UI를 렌더링하는 메서드 4. componentDidMount: 컴포넌트가 웹 브라우저상에 나타나 후 호출하는 메서드 업데이트(update)..
1. 하나의 애플리케이션 안에는 하나의 스토어 2. 상태는 읽기전용 3. 변화를 일으키는 함수, 리듀서는 순수한 함수여야 한다.
1. 파일 - 기본설정 - 설정 2. 검색창에서 terminal > integrated > Default profile: windows 검색 3. 기본값이 null로 되어 있는 것을 Command Prompt로 바꿔준다!
1. 파일 - 기본설정 - 사용자코드 조각 2. 검색창에서 javascript 검색후 클릭하면 javascript.json 파일이 열린다. 3. javascript.json 파일 내용이 전부 주석 처리되어 있다. 이 중 print to console 부분에 해당하는 것 주석 해제. - prefix : 자동완성으로 나오게 하고싶은 단축어 지정 { // Place your snippets for javascript here. Each snippet is defined under a snippet name and has a prefix, body and // description. The prefix is what is used to trigger the snippet and the body will be e..