리액트 정리

코딩을 하다보면 어떤 프로그래밍 언어든 관계없이 매개변수(parameter)와 인수(argument)라는 말을 접하게 됩니다. 그런데 문제는 저도 그렇고 많은 사람들이 정확한 개념을 모른채 혼용해서 사용한다는 점입니다. 그래서 오늘 한번 정리해보려고 합니다. 우선 매개변수와 인수는 함수 또는 메서드와 연관된 용어입니다. 따라서 C++에서 하나의 함수를 선언하고 난 후 설명해보겠습니다. 두 개의 숫자를 전달받아서 더해주는 간단한 덧셈 함수를 만들었습니다. 매개변수란 위 그림에서 보시는 것처럼 함수를 정의할 때 사용되는 변수를 의미합니다. 그렇다면 인수는 무엇일까요? 인수는 함수가 호출될 때 매개변수에 실제로 담기는 값을 의미합니다. bskyvision.com/795 헷갈리는 코딩용어, 매개변수(parame..

Angular 디렉티브 디렉티브(Directive) 는 DOM 의 모양이나 동작 등의 모든것을 관리하기 위한 명령입니다. 이 섹션에서는 디렉티브에 대해 자세히 살펴보겠습니다. 디렉티브란? 앞서 말했듯이 지시입니다. 디렉티브는 웹애플리케이션 전역에서 사용할 수 있는것을 컴포넌트에서 분리해 구현합니다. 이로 인해 컴포넌트의 복잡도를 낮추고 가독성을 향상시키는 장점이 있습니다. 디렉티브의 종류 앵귤러는 3가지 유형의 디렉티브를 제공합니다. 컴포넌트 디렉티브(Component Directives) 어트리뷰트 디렉티브(Attribute Directives) 구조 디렉티브(Structural Directives) 컴포넌트 디렉티브 컴포넌트의 템플릿을 표시하기 위한 디렉티브로 @Component 데코레이터의 sele..

소스트리로 브랜치 구경하면서 했다. 일단 author를 변경해줘야 함. $ git config --global user.email 메인이메일 $ git config --global user.name 메인아이디 $ git log --decorate --all --oneline --graph 커밋로그 확인. 작업해 놓은 커밋 내역은 rebase로 베이스를 옮겨가며 바꿀 수 있다. $ git rebase -i -p 1e3cede 리베이스 시작. 여기서 1e3cede는 리베이스 시작할 커밋 아이디 그럼 vim이 열리는데, i를 눌러 내용 중 pick을 edit으로 수정. :wq 로 저장 후 나가기 그럼 이제 차근차근 시작할 커밋부터 최근 커밋까지 베이스 옮겨짐. 커밋 내역을 수정할 수 있음. 리베이스 시작점 커..

https://www.npmtrends.com/ NPM Trends: Compare NPM package downloads Which NPM package should you use? Compare NPM package download stats over time. Spot trends, pick the winner! www.npmtrends.com https://ant.design/components/overview/ Components Overview - Ant Design antd provides plenty of UI components to enrich your web applications, and we will improve components experience consistently. W..

작은것부터 시작 Mobile: iphone 6/7/8: 375*667 iphone +: 414*736 iphone X: 375*812 Android: 360*640 https://gs.statcounter.com/vendor-market-share/mobile Mobile Vendor Market Share Worldwide | StatCounter Global Stats This graph shows the market share of mobile vendors worldwide based on over 10 billion monthly page views. gs.statcounter.com Web: 1366*768 1440*900 1920*1080 https://gs.statcounter.com/sc..

front/pages (네이밍 컨벤션!) index.js 맨 위에 import React from 'react'; 안쓴 이유: 넥스트가 pages 폴더는 자동 인식 -> 파일들을 코드스플리팅 된 개별 페이지로 만들어준다. action을 만드는 이유는, history를 남기기 위해서. (타임머신, 디버그) reducer를 만드는 이유는, action을 js에게 이해시키기 위해서. 왜 객체를 새로 만들어줘서 리턴해주나 ? {} === {} // false 이전기록, 다음기록을 둘다 남기기 위해서. 히스토리 관리! 새로운 객체를 만들어서 참조관계를 끊어준다. 새 객체를 생성할 때 ...state로 일부 참조 유지. 메모리 관리. + 받은 데이터.

다 까먹어서 리뉴얼 강좌로 다시 시작 // Next? 리액트로 만든 프레임워크. 실무에 필요한 여러가지를 해줌. SSR, CS, prefetch같은 것들. 고객대상 페이지라면 고려해볼 프레임웤. 원리! 1) SSR방식 Server Side Rendering 전통적인 방식 플로우: 브라우저(.com/blog 페이지 요청) - 프론트 서버(/posts의 게시글 요청) - 백엔드 서버(DB에 실제 게시글 데이터 요청) - 데이터베이스 - 백엔드 서버 - 프론트 서버 (데이터+html을 합쳐서 브라우저에 보내줌) - 브라우저(출력) 브->프->백->데->백->프(html+data)->브 장 단? 전체가 한방에 그려진다는 장점이 있지만, 과정이 길어 로딩속도가 오래걸린다. 3초 이내 화면이 보이지 않으면 사용자가..

Git명령어만 보고 쓰려니 원리가 잘 이해가 안돼서 강의를 하나 듣기로 했다. 고고// 개념: version: 의미있는 변화. 코딩하다가 친구가 놀자~ 해서 중간에 나간다-> 의미있는 변화 x. 그 작업이 완결된 상태가 version이다. 명령어: 기본 명령어 $ git init (이 폴더를 저장소로 쓰겠다. ) $ git status $ git add 파일명 로 추적해주도록 (임시로 필요한 파일은 배제. 관리할 파일만 깃에게 알려줌. ) $ git config --global user.name 유저네임 $ git config --global user.email 이메일 이름과 이메일 주소를 포함한 버전으로 작성됨 - > 다른 사람이 알아볼 수 있다. 단 한번만 해주면 됨! $ git commit 빔으로 ..