네트워크 접속, 라우팅 테이블, 네트워크 인터페이스의 통계 정보를 보여주는 도구이다.리눅스 환경과 윈도우 cmd 모두에서 사용할 수 있다.사용 방법 : netstat 옵션 | 포트번호 or 서비스 명\-a : 모든 네트워크 상태출력 (all)\-c : 현재 실행 명령을

Secure Copy의 약자로 ssh 프로토콜을 기반으로 파일이나 디렉토리를 전송하거나 가져올 때 사용한다. 네트워크 통신이 가능한 환경에서 22번 Port와 Identify File을 이용해 파일을 안전하게 송/수신할 수 있다.\-r : 디렉토리 및 하위 모든 파일을

rm의 뜻은 remove의 약자로 파일이나 디렉토리( -r 옵션시 삭제가능)를 삭제 시킬 때 사용하는 명령어다. 한번 지운 파일은 복구가 어렵기 때문에 rm 명령어를 실행시키기전에 두번 세번 확인하는 습관을 가지자. 경로를 지

mv의 뜻은 move의 줄임말로 파일이나 디렉토리를 이동 시킬때 사용하는 명령어다.mv 명령어의 옵션을 제외한 인자 값은 생략이 불가능하다.경로를 지정하지 않으면 현 위치를 Defualt로 한다.이동 시킬 때 새로운 이름을 지정하여 이동 할 수 있다.현재위치에 이름만

cp의 뜻은 copy의 줄임말로 파일이나 디렉토리를 복사할 때 사용하는 명령어다.cp 명령어의 옵션을 제외한 인자 값은 생략이 불가능하다.경로를 지정하지 않으면 현 위치를 Defualt로 한다.복사할 때 새로운 이름을 지정하여 복사할 수 있다.다양한 옵션을 사용하여 기

CD의 뜻은 change directory의 줄임말로 현재 작업하고 있는 디렉토리의 위치를 이동하는 명령어다. CD 명령어 뒤에 디렉토리 이동경로를 입력해주시면 해당 디렉토리로 즉시 이동한다.이 디렉토리 이동경로를 입력할때는 키보드 TAB 버튼을 함께 사용하시면 어느정

ls의 뜻은 list의 줄임말로 현재 위치한 디렉토리에 있는 내용(디렉토리, 파일) 리스트를 출력하는 명령어다.디렉토리를 지정하여 파일 목록을 출력할수도 있다.옵션을 사용하지 않으면 숨김 파일은 나오지 않는다.디렉토리명을 생략하면 현재 위치한 디렉토리의 파일 목록을 출

파일을 작성하거나 수정하기 위해서는 편집기가 필요하다. 윈도우에서는 메모장을 편집기의 기본으로 지원하는 반면 리눅스에서는 기본 편집기로 vi 라는 편집기를 지원한다. vi는 리눅스에서 일반적으로 사용하는 화면 편집기다. 명령이 매우 단순하여 빠르게 편집할 수 있어 사

리눅스 터미널 명령어

object shorthand assignment

state가 업데이트될 때 마다 렌더링이 새롭게 된다고 했는데 만약 아래와 같이 컴포넌트가 맨 처음 렌더링될 때 state를 업데이트하는 상황이면 어떻게 될까요?

React의 컴포넌트에서 관리하는 데이터로 크게 Props 와 State 가 있다. 이 둘은 컴포넌트에서 데이터를 관리할 때 사용하는 개념으로 굉장히 중요하므로 꼭 알고 있어야 한다.

React 프로젝트를 처음 만들었을 때 보이는 index.html 파일. 태그 안에 아무 것도 없다.

React의 핵심 개념은 바로 Component(컴포넌트)이다. 컴포넌트는 UI를 표현하는 요소로 React에서 정말 많이 사용된다. UI 요소들을 잘개 쪼개서 컴포넌트로 만들고 페이지에서 컴포넌트를 합치는 개념이라고 보면 된다.취미 공유 플랫폼, 클래스 101 웹도

프로젝트 폴더(grab-market-web)를 하나 만든 후 VSCode에서 해당 폴더를 열어준다.react 프로젝트를 손쉽게 만들어주는 도구 create-react-app 을 설치해준다. 이는 npm을 통해서 관리되는 패키지다. 터미널을 여는 단축키는 ctrl + j

처음에 javascript는 브라우저에서만 실행되는 언어였습니다. javascript를 읽고 실행시키기 위해 브러우저들은 서로 다른 엔진(코드 인터프리터)을 가지고 있습니다. 점점 javascript가 널리 사용되면서 '웹 개발 말고 다른 곳에서도 사용할 수 있지 않

웹을 만들기 위해선 HTML, CSS, JS를 이용해야 합니다. 보통 아래와 같이 페이지 별로 코드를 짜게 되죠.그러나 점점 웹이 복잡해 지면서 더 많은 html, Javascript가 들어가게 됩니다. 점점 하나의 html 파일에 수많은 Javascript 라이브러리

변수 선언 : let, const비동기 처리 : PromiseES6 문법을 사용하면 실제로 더 편하게 코딩을 할 수 있습니다. 대부분의 메이져 브라우저, Node.js 서버 개발 등 다양한 분야에서 ES6 문법을 채택하고 있어요. 일반적으로 string 자료형을 조합

Promis는 비동기처리를 수행할 콜백 함수를 인수로 전달 받고resolve, reject 두 함수를 인수로 전달 받는다..then : 비동기 처리가 성공했을 때 호출.catch : 비동기 처리가 실패 했을때 호출.finally : 성공,실패 여부 없이 무조건 한 번

파라미터로 함수를 전달하는 함수콜백함수란 파라미터로 함수를 전달받아, 함수의 내부에서 실행하는 함수이다.콜백함수는 이미 우리의 코드 속에서 자주 사용되고 있다.예를 들어, forEach 함수의 경우 함수 안에 익명의 함수를 넣어서 forEach 문을 동작시킨다.