Leo.K | To become a cooler Developer

CH.5 장치 관리 1. 장치의 설치 및 관리 1-1. 장치의 설치 및 관리 ※ /proc 디렉터리 내 주요 파일 /proc/partitions : 현재 시스템의 파티션 정보를 저장 /proc/cpuinfo : CPU 정보를 저장 /proc/devices : 현재 시스템이 사용하는 디바이스 정보를 저장 /proc/filesystems : 커널이 지원하는 파일 시스템의 정보를 저장 /proc/meminfo : 시스템 메모리 정보를 저장 /proc/swaps : 스왑 공간 관련 정보를 저장 /proc/mdstat : RAID나 중복 디스크에 대한 정보를 저장 ※ /dev 디렉터리 내 주요 파일 /dev/Ip* : 프린터 장치 /dev/hd* : IDE 드라이버, ATA 드라이버 등 /dev/sd* : SCS..

2023-05-30 #2.4 Layout Stream /** * 스크롤 불가 (브라우저가 아니기 때문이다.) * 모든 View가 기본적으로 flex Container다 * react native에서 flex Direction의 기본 값은 column이다. * 높이와 너비에 기반해서 디자인 하지 않는다. * 다양한 스크린에서 동일하게 작동하도록 반응형의 레이아웃을 사용해야 한다. * flex 값을 사용해서 특정 아이콘 및 컨텐츠가 화면에서 차지하는 비율을 지정할 수 있다. * 부모 컨테이너에 지정된 flex 값이 자식 컨테이너의 비율 기준이 된다. * * Layout with Flexbox * * 컴포넌트는 flexbox 알고리즘을 사용하여 자식의 레이아웃을 지정할 수 있습니다. * Flexbox는 다양한..

2023-05-11 #6.0 EFFECTS state가 변경되어 렌더링 될 때마다 함수를 실행하는 것이 아니라, 가장 처음 컴포넌트가 렌더링 될 때만 함수를 실행하고, state의 변화로 인한 리렌더에는 실행되지 않도록 하기 우리의 코드가 초기에 단 한번만 실행되도록 보호해준다. useEffect(function, deps) function : 단 한번만 실행할 함수. deps : 내 코드의 특정 부분만이 변화했을 때, 원하는 코드들을 실행할 수 있는 방법 deps[] 배열 안에 들어 있는 값이 변화하는 경우에만 function을 실행하도록 할 수 있다. 더보기 import {useState, useEffect} from "react"; function App() { const [counter, setV..

React Native는 단 하나의 구조가 아니라 여러가지 인프라와 그 인프라를 연결지어 주는 bridge역할을 하나로 묶은 시스템이다. 안드로이드라면 java와 sdk(software developement kit) ios라면 xcode와 시뮬레이터를 다운 받아서 인프라를 컴파일하여 앱으로 만들어야 한다. 위의 모든 과정을 하기 위해선 설치부터 어려움이 있는데 이번 강좌에서는 자바스크립트를 제외한 모든 인프라가 컴파일 되어 있는 앱(배포용 x, 테스트용 어플)을 다운받고, 자바스크립트 코드만을 해당 앱으로 보면서 어떻게 사용되는지 테스트 할 것이다. 윈도우 사용자라면 커맨드 창을 열어서 아래의 명령어로 패키지를 다운로드 받아준다. 이때 node.js 버전은 14 이상이어야 한다. npm install ..

2023.5.9 #4.0 Props 더보기 Props : 부모 컴포넌트가 자식 컴포넌트에게 유용한 데이터를 전달하는 일종의 방식! 자바의 인터페이스 처럼 공통된 속성을 하나만 만들어서 자식 컴포넌트에게 전달하는 것과 유사한 방식인 것 같다. 함수의 인자처럼 컴포넌트에서 전달할 수 있고, 인자는 단 한개만 존재하며, 해당 인자는 Object의 형식이다. 2023.5.10 #4.1 Memo Props에는 text나 boolean값 이외에도 function을 보낼 수 있다. 이는 JSX 문법으로 html 태그 자체에 이벤트 리스너를 넣는 것과는 전혀 다르게 단지 Props의 이름이기 때문에 필요한 위치에 개발자가 직접 꺼내서 배치해야 한다. 부모 컴포넌트의 상태(state)값이 변경되면 부모 컴포넌트에 속해있..

제목과 같은 에러를 마주쳐서 곤혹을 겪은 적이 여러 번인데 이번 기회에 한 번 정리해보고자 한다. 필자는 소스트리 또는 인텔리제이에서 커밋 푸시를 하곤 하는데 이전에 했던 레포지토리에 푸시를 하려고 한 경우 위와 같은 에러메시지와 함께 푸시가 이루어지지 않았다. 해결방법은 간단하다. 이전에 등록해주었던 토큰의 유효기간이 만료되었기 때문에 인증이 다시 필요하다는 점이다. 하지만 푸시를 하는 경우에는 에러 메시지만 나오기 때문에 git bash 터미널을 사용해서 직접 새롭게 인증을 할 수 있도록 해줘야 한다. 먼저 개인 토큰을 먼저 생성해주자. 1. Settings에 들어가준다. 2. 왼쪽 네이게이션바 중 밑으로 쭉 스크롤하여 Developer Setting을 찾아 클릭 3. personal Access T..

샘플 데이터 베이스 구조 기본 용어 정리 JOIN : ▷◁ ※ 세타 조인 정의 R(X), S(Y), A∈X, B∈Y 에 대하여 -> 릴레이션 R과 릴레이션 S의 애트리뷰트 X, Y -> A는 X에 포함된 애트리뷰트, B는 Y에 포함된 애트리뷰트 -> 릴레이션 ≒ 테이블, 애트리뷰트 ≒ 컬럼(속성) R ▷◁AθB S ＝ { r · s | r∈R ∧ s∈S ∧ ( r.Aθs.B) } -> A, B : 조인 애트리뷰트(join attribute) -> 조인의 기준의 되는 공통 속성 -> 릴레이션 R과 S를 조인하는 데, R의 속성 A와 S의 속성 B를 기준으로 하여 R과 S의 부분집합을 떼어서 합친다. -> 릴레이션의 결과 차수 -> R의 차수 + S의 차수 ;; 차수 : 컬럼의 개수 -> 결과 릴레이션의 애..

[ HTTP 상태 코드 ] 클라이언트가 보낸 요청의 처리 상태를 응답에서 알려주는 기능 목차 1xx (Informational) : 요청이 수신 되어 처리중 2xx (Successful) : 요청 정상 처리 3xx (Redirection) : 요청을 완료하려면 추가 행동이 필요 4xx (Client Error) : 클라이언트 오류, 잘못된 문법 등으로 서버가 요청을 수행할 수 없음 5xx (Server Error) : .서버 오류, 서버가 정상 요청을 처리하지 못함 만약 클라이언트가 인식할 수 없는 상태코드를 서버가 반환한다면? - 클라이언트는 상위 상태 코드(큰 범위)로 해석해서 처리한다. - 따라서 미래에 새로운 상태코드가 추가된다고 하여도 클라이언트를 변경하지 않아도 된다. - 예) 299 ??? ..

CH.4 일반 운영 관리 1. 사용자 관리 1-1. root 사용자 관리 ※ su 명령어 다른 사용자로 전환하는 명령어 주요 옵션 [-] : 전환하는 사용자의 초기화 파일을 실행 # su - root => root의 환경변수를 적용하고 실행 [-c] : 계정 변환 없이 특정 명령어만 실행 (sudo 명령어와 같은 기능) # su -c 'cat /etc/passwd' - root => root 권한으로 해당 명령을 실행 su 명령어로 사용자 전환 후의 위치는 동일 ※ root 계정 관리 root 계정의 UID 값은 0이다. root 이외에 UID가 0인 사용자가 없도록 해야 한다. TMOUT 환경 변수를 사용해 일정 시간 미사용시 로그아웃 되도록 설정하여 보안을 강화한다. 사용자 인증 모듈인 PAM을 이용..

CH3.네트워크의 이해 1. 네트워크 기초 1-1. OSI 7계층 ※ OSI 7계층 요약 계층 특징 데이터 단위 프로토콜 1 물리 (Physical) 물리적 연결 설정 비트 스트림 (Bit Stream) 2 데이터링크 (Data Link) 오류제어, MAC 주소 사용 프레임 (Frame) ppp 3 네트워크 (Network) 라우팅 패킷 (Packet) IP, ICMP, IGMP, ARP 4 전송 (Transport) 데이터 전송 보장 흐름 제어 세그먼트 (Segment) TCP, UDP 5 세션 (Session) 동기화, 세션 연결/관리/종료 메시지 (Message) 전송 모드 결정 6 표현 (Presentation) 압축, 암호화 ASCII 7 응용 (Applicationw) 각종 응용 서비스 제공 ..

[ HTTP 메서드 활용 ] 목차 클라이언트에서 서버로 데이터 전송 HTTP API 설계 예시 1. 클라이언트에서 서버로 데이터 전송 - 데이터 전달 방식은 크게 2가지 쿼리 파라미터를 통한 데이터 전송 GET 주로 정렬 필터(검색어) 메시지 바디를 통한 데이터 전송 POST, PUT, PATCH 회원가입, 상품 주문, 리소스 등록, 리소스 변경 - 1. 정적 데이터 조회 정리 이미지, 정적 텍스트 문서 조회는 GET 사용 정적 데이터는 일반적으로 쿼리 파라미터 없이 리소스 경로를 단순하게 조회 가능 - 2. 동적 데이터 조회 정리 주로 검색, 게시판 목록에서 정렬 필터(검색어) 조회 조건을 줄여주는 필터, 조회 결과를 정렬하는 정렬 조건에 주로 사용 조회는 GET 사용 GET은 쿼리 파라미터를 사용해서..

[ HTTP 메서드 ] 목차 HTTP API를 만들어보자 HTTP 메서드 - GET, POST HTTP 메서드 - PUT, PATCH, DELETE HTTP 메서드의 속성 1. HTTP API를 만들어보자. - 요구사항 및 API URI 설계 회원 정보 관리 API를 만들어라. 회원 목록 조회 /read-member-list (x) /members (o) 회원 조회 /read-member-by-id (x) /members/{id} 회원 등록 /create-member (x) /members/{id} 회원 수정 /update-member (x) /members/{id} 회원 삭제 /delete-member (x) /members/{id} - 좋은 URI 설계 -> 가장 중요한 것은 리소스 식별 리소스의 의..