유령이 나오는 젤리하우스

컴퓨터 공학/운영체제

[리눅스] 자주 쓰는 쉘 명령어들

쉘(Shell) 명령어와 프로그램을 실행할 때 사용하는 인터페이스 리눅스의 핵심부인 리눅스 커널과 사용자간의 다리 역할을 하는 것으로, 사용자의 명령을 해석하고 실행하는 역할을 한다. 특징 자체적으로 프로그래밍 기능이 있어서 프로그램 작성 가능. 쉘로 만든 프로그램을 쉘 스크립트라고 한다. 사용자와 커널 사이에서 명령을 해석해 전달하는 명령어 해석기 기능이 있다. 리눅스의 명령어는 결국 쉘이 제공하는 명령어이다. 기본 쉘이 bash 이므로, bash 쉘 명령어를 배우면 다른 쉘 명령어도 쉽게 익힐 수 있다. ps 프로세스의 상태를 확인하는 명령어 Process Status의 약어이다. 옵션 옵션 내용 -a 시스템을 사용하는 모든 사용자의 프로세스 출력 a(BSD 계열) 터미널과 연관된 프로세스를 출력 -..

TIL

(21.12.02)chmod, Node_ENV

작은 지식이라도, 하루에 하나씩. 한 줄 요약 🦄chmod는 유닉스 계통에서 쓰는 셸 명령어로, 파일이나 디렉터리의 파일 시스템 모드들을 바꾼다.🦄 🦄NODE_ENV는 개발/배포 모드를 구분 지을 때 흔히들 사용하는 값이다. process.env에 있는 값이 아니라 사용자가 직접 셋팅해줘야한다. 🦄 chmod(change mode) 리눅스에서 파일을 사용해서 할 수 있는 작업은 크게 3가지이다. 파일에 저장된 데이터를 읽기 (read) 파일에 데이터를 쓰기 (write) 파일 실행 (execute) 윈도우가 주력 OS인 나에게는 굉장히 생소한 이야기지만, 리눅스는 각 파일 및 디렉토리에 읽기(r), 쓰기(w), 실행(x) 권한을 파일 개별적으로 지정할 수 있게 하였다. 더욱 재미있는 점은, 이 세 가지 ..

TIL

(21.11.16) Antd Input value를 mobx store로 관리하기

작은 지식이라도, 하루에 하나씩. 한 줄 요약 🦄antd의 Input 컴포넌트가 깊게 nest된 mobx observable 값을 감지 못할 수 도 있다.🦄 🦄Input 컴포넌트와 mobx를 동시에 사용한다면, React.state를 사용하거나, Form 컴포넌트에 Input의 관리를 위임하는 것이 낫다.🦄 본문 목표: 회원 정보 테이블에 등록지를 수기로 입력하고, 입력 결과를 저장할 수 있게 하는 Input 요소 넣기 엊그제 회사에서 개발 요청이 들어왔다. 내용은 다른게아니라, 관리자 계정이 열람할 수 있는 테이블에 회원들의 등록지를 수기로 입력할 수 있는 column을 만들어 달라는 것이였는데, 나름 antd 짬바가 생겼다고 생각해서 금방 끝날 것이라 생각했는데, 예상 외로 훨씬 복잡하고 어려운 점이..

TIL

(21.11.04) Node.js 요약

작은 지식이라도, 하루에 하나씩. 한 줄 요약 🦄본문 자체가 요약입니다!🦄 본문 Node.js란? 1. 웹 서버란 요청을 처리하고 적절한 결과를 보내주는 프로그램 2. Node.js는 서버나 프레임워크가 아니라, 자바스크립트의 런타임이다. 쉽게 말해서 웹 브라우저 밖에서 자바스크립트 코드를 실행 할 수 있도록 (특히 서버에서) 도와주는 환경이다. 3. Node.js를 사용하면 좋은 서비스 제작할 앱이 리얼타임일 경우 커스터마이징이 많이 필요한 경우 자바스크립트 API를 사용해야할 경우 빠른 실행과 성능이 중요한 경우 4. Node.js의 특징은, 비동기 방식을 이용한다는 것이다. 한 번에 하나씩 순차적으로 일을 해나가는 동기적 방식과는 다르게, 비동기적 방식은 한번에 여러 일을 시작하고 진행한다. 또한,..

TIL

(21.10.27) TS] Type assertion에 관하여

작은 지식이라도, 하루에 하나씩. 한 줄 요약 🦄TypeScript에서는 시스템이 추론 및 분속한 타입 내용을 변경 할 수 있는데, 이를 Type assertion이라고 한다.쉽게 말해, 프로그래머가 내가 이 자료의 타입을 잘 알고 있으니, 토 달지 말라고 선언 해주는 것이다.🦄 **Type Casting라고도 하는데, 이보다는 Type assertion이 더 적합한 표현이다. 일반적으로 캐스팅이라는 말은 실행 시간에 어떤 동작이 일어날 것임을 내포하기 때문이다. 본문 1. 타입 어센션을 하는 방법 : 꺽쇠를 변수 앞에 작성 as foo : 변수 뒤에 붙임 * 용례 var foo:any; var bar = foo // 이제 bar의 타입은 string입니다. var bar2 = foo as Boolean..

TIL

(21.09.28) linter와 prettier 설정을 무시하는 방법

작은 지식이라도, 하루에 하나씩. 한 줄 요약 🦄//eslint-disable-next-line : 아랫줄의 eslint 상충을 무시한다.🦄 🦄//prettier-ignore : 아랫줄의 prettier 상충을 무시한다.🦄 본문 eslint, prettier는 느슨한 자바스크립트를 위한 지원도구입니다. eslint는 정적 분석을 하여 런타임 이전에 코딩 컨벤션에 위배되는 코드나 안티패턴을 감지해주고, prettier는 미리 설정된 형식외의 코드를 다시 작성해주는 코드 포맷터입니다. 순수히 개발의 편의를 위해 사용되는 이 도구들은, 프로젝트 규모가 커질 수록 그 빛을 발합니다. 이 도구들 덕분에 복잡한 코드들을 더욱 가독성 높게, 생산성 높게 만들어주죠. 그러나, 때로는 정말 linter와 prettier..

TIL

(21.09.14) 끝내주는 css 속성들

작은 지식이라도, 하루에 하나씩. 한 줄 요약 🦄css grid는 한 방향 (align, row)만 정렬하던 flex와 다르게, 두 방향 모두를 다루는 레이아웃 시스템이다🦄 🦄css clamp는 min과 max를 조합한 속성으로, 종래의 미디어 쿼리를 사용한 반응형 설계를 대체한다🦄 🦄aspect-ratio는 박스의 가로 세로비를 유지하게 해주는 속성으로, 비율 유지하며 크기 조절할 때 사용한다🦄 본문 1. grid grid의 기본 개념은 flex와 동일하다. 부모 박스에 grid 속성을 부여한 후, 자식 박스의 row와 column을 조절합니다. .wrapper { display: grid; } 부모 박스에 grid를 주면 자식 요소들은 Block 속성이 됩니다. 만약 grid가 아니라 inline-g..

TIL

(21.09.09) 상태관리에 관하여 (feat. react.state && mobx)

작은 지식이라도, 하루에 하나씩. 한 줄 요약 🦄React.state든, mobx의 observable한 value든, 그 state가 변하게 되면 render가 다시 한번 실행된다.🦄 본문 이놈의 상태관리...진짜 사람 미치고 팔짝 뛰게한다. 오늘도 사수님께 피가되고 살이되는 지식을 다이렉트로 주입받았는데, 이건 썰로 풀기에는 너무 길어서 얻은 지식을 짧게 요약만 하도록 하겠다. Mobx의 @observable와 React.state 둘 다 기본적으로 변화가 생긴다면, 페이지 전체에서 다시 render를 실행시킨다 그렇기 때문에 가급적이면 render 부에 너무 많은 variable / function들을 넣으면 안된다. 클래스 멤버/ 메서드와는 다르게 매 render마다 다시 메모리에 할당되고 실행되..