목록전체 글 (175)
Cohe
==================================== 1. key 생성( testuser1에 대한 RSA 키 생성) [testuser1@ip-172-31-9-66 ~]$ ssh-keygen -t rsa Generating public/private rsa key pair. Enter file in which to save the key (/home/testuser1/.ssh/id_rsa): Created directory '/home/testuser1/.ssh'. Enter passphrase (empty for no passphrase): (엔터) Enter same passphrase again: (엔터) Your identification has been saved in /home/..
systemd시스템 전반에 대한 처리를 위해서 시작되는 프로세스. 서비스를 구현할 때 이 systemd로 변경해서 사용하기 시작했습니다.[ 제공 기능 ]시스템 부팅 프로세스Service Managementcgroup 을 이용한 프로세스 자원관리서비스 프로세스 관리흔히들 Daemon 프로그램들을 위한 로깅, 자원할당, 부팅관리등 Systemd 로 모두 할 수 있습니다.[주요 명령어] - systemd를 위한 주요 명령어들...systemctl(*)systemd-analyzesystemd-cglssystemd-cgtopsystemd-loginctl** TCP port numberTelnet 서비스Application 계층에서 원격 시스템에 접속하여 관리하는 서비스서버와 클라이언트 사이에 문자 혹은 줄 단위의..
vi(m) 편집기 추가 기능화면 분할명령어기능:sp or Ctrl+w, s수평 분할 화면 처리:vsp or Ctrl+w, V수직 분할 화면 처리!https://prod-files-secure.s3.us-west-2.amazonaws.com/65d47488-3ffd-440e-b655-cb7516b09d13/a60ea19e-b826-427d-9422-145e88208d7a/Untitled.png창 이동명령어기능Ctrl+w + 방향키창 이동Ctrl+w, h왼쪽 창으로 이동Ctrl+w, j아래 창으로 이동Ctrl+w, k위쪽 창으로 이동Ctrl+w, l오른쪽 창으로 이동창 닫기명령어기능:exit창 닫기여러 파일을 작업하기명령어기능vim file1 file2 file3여러 파일을 동시에 열기:ls파일 정보 보기파..
리다이렉션(Redirection)표준 입출력 기능표준입력 (0) —→ 키보드표준입력 (1) —→ 모니터표준입력 (2) —→ 모니터리다이렉션은 이런 표준 입출력, 에러 등을 변경하여 사용하는 것을 가능하게 함리다이렉션을 이용해서 기본적으로 출력 결과를 모니터로 표시하지만 파일에 기록하는 것도 가능리다이렉션 연산자 : , >>사용 예명령어 > 파일 : 파일이 없다면 생성, 기존 파일이 있다면 삭제후 결과를 출력(Write)명령어 >> 파일 : 파일이 없다면 생성, 기존 파일이 있다면 내용을 추가(Append)명령어 명령어 2> : 에러의 방향을 바꿈명령어 1>**&**2 : 출력을 에러로 보냄해당 위치로 이동명령어 2>&1 : 에러를 출력으로 내보냄ls -l /etc/sysconfig > sysconfigF..
#리눅스 디렉토리 구조"/(root)" : 리눅스 상에 존재하는 모든 파일과 디렉터리를 담고 있는 최상위 디렉터리"/bin":리눅스의 기본 명령어가 들어 있는 디렉터리(명령어는 "실행파일")"/boot":리눅스 커널의 메모리 이미지와 부팅 과정에 필요한 파일이 저장된 디렉터리"/dev":장치 파일이 들어 있는 디렉터리"/etc":시스템이나 사용자 관리를 위한 자료 파일이나 관리자용 명령들이 있는 디렉터리"/home":관리자(root) 이외의 사용자의 홈 Directory가 생성되는 위치의 디렉터리"/lib":각종 언어를 위한 라이브러리를 가지는 디렉터리(lib64는 64비트 라이브러리들이 존재하는 디렉터리)"/media":Local Device를 이용하기 위한 디렉터리(CD/DVD)"/mnt":Remot..
404 error 처리 → 권장은 element다.403과 같은 처리는 xfunction App() { const {pathname} = useLocation(); return ( {pathname} 이 페이지는 존재하지 않습니다 } />타입 스크립트 만들기 mkdir ts-practics → cd ts-practics → npm inti이럼 ts-practics 에 package.json이 생김, 거기에 아래와 같은 내용을 추가해주면 됨 (주석은 지우기), "compileroptions":{ "target": "es5", -> ES5방식으로 사용하겠다. ES6으로 설정하면 화살표 함수 사용이 가능 "module": "commonjs", -> 컴파일 된 코드가 어떤 모듈에서 실행할지..
npm create reac리액트 라투어SPA (Single Page Application) : 전통적인 멀티 페이지가 아니다!리액트는 rerendering이라는 방식을 쓰고 있다.spa의 단점 :앱의 규모가 커지면 js 파일도 너무 커져서 로딩이 지연됨(과하게 오래걸림) ← 멀티 페이지와 다름브라우저에서 랜더링이 완료되기까지 빈 화면이 나오게 됨 ⇒ 때문에 progress 화면을 따로 띄우게 된다자스는 싱글스레드 작업이기 때문!그래서 규모가 큰 어플리케이션은 ssr(server side rendering) 방식으로 처리하게 된다.웹팩 설정(서버측 설정)장점 : 다양한 이벤트를 줄 수 있으며 한 페이지 내에서 다양한 걸 할 수 있다t-app router-toturial웹에서 라우팅이란?브라우저의 주소 상..
1. API 연동의 기본 · GitBookyarn add axios 을 다운 받는다.테스트 종류 :raw.githubusercontent.com useEffect 가 세가지 형태로 쓰인다.컴포넌트가 처음 불러올 때 로드하는 경우postman으로 알려줄 수 있음 rest API 서버 역할을 해주는 것이 없는데, 이에 대한 보완법통신 데이터 받아서 테스트 할 수 있는게 있다!JSONPlaceholder - Free Fake REST API프롬프트아래 양식에 따라 포트폴리오에 적을 프로젝트 예시를 적어줘. 프로젝트 설명 (한줄, 기술과 비즈니스 관점 포함하여.)주요 기술 (언어, 프레임워크, 라이브러리, 인프라 포함)개발 사항 (간략하게)테스트 (현업에서 보안, 성능적으로 크리티컬한 사항들)트러블슈팅 / 성능..
2. Context API를 활용한 상태 관리 · GitBookContextAPI 사용방법createContext() 생성자식 컴포넌트에서 Consumer를 이용해서 데이터 받기 => useContext() 훅을 사용할 수 있음.부모 컴포넌트에서 Provider를 사용하여 value값을 제어Provider 와 Consumer 를 독립적으로 분리하기ContextAPI는 전역으로 사용하는 값이기 때문에 파일을 독립적으로 분리해서 작성하도록 변경하위 컴포넌트에서는 훅을 이용해서 편리하게 사용가능useContext() 훅컴포넌트에서 ContextAPI를 편하게 사용가능하게 하는 훅리턴은 객체이고, 첫번째는 상태 값, 두번째는 값을 저장하는 setter객체 반환Ex) const {state, action} = u..