티스토리

고민하는 먼지

검색하기

블로그 홈

고민하는 먼지

gigibean.tistory.com/m

gigibean 님의 블로그입니다.

구독자: 2

방명록 방문하기

반응형

주요 글 목록

정규식 🔑 키워드 정규식, 정규식을 자주 사용하는 메서드(match, replace, exac, test...) ❓ 정규식 사용하기 정규식은 한번 알아 놓으면 굉장히 유용하다. 정규식 사용법을 예제를 통해 알아보자 정규표현식 Anchors beginning ^ 문자열의 시작 혹은 여러 줄에서 멀티라인 플래그(m)을 사용할 때 라인의 시작 부분과 매칭한다. 즉 문자가 아니라 위치를 찾아야 할 때 사용한다. 문자열에서 맨 앞에 있는 문자(1개 이상)를 찾을 때 ^\w+ she sells seashells end $ 문자열의 끝, 혹은 멀티라인 플래그(m)을 사용할 때 라인의 끝을 매칭한다. 해당 문자 또한 문자가 아니라 위치를 찾아야할 때 사용한다. 문자열에서 맨 뒤에 있는 문자를 찾을 때 \w$ she sells.. 공감수 0 댓글수 0 2022. 11. 14.
브라우저 렌더링 최적화(Reflow, Repaint, Composite) 🔑 키워드 렌더링 성능 최적화, 리플로우, 리페인팅, 합성 ❓ 렌더링 성능 최적화 웹 사이트의 성능이 예상보다 느리다면 그 이유 중의 하나는 렌더링의 속도 저하일 가능성이 있다. 렌더링 속도를 저하시키는 대부분의 경우는 리플로우와 리페인트에 있을 것이다. 레이아웃과 리플로우 브라우저에서 DOM노드 트리가 생성되고 해당 트리 내 각 노드의 위치 및 크기에 대한 정보를 가지고 어디에 위치해야할 지를 파악하는 시간이 필요하다. 이를 "레이아웃"이라고 하며 이때 요소는 백터 상자로만 표시된다. 페인트와 리페인트 페인트는 백터상자를 가져와 레스터화(백터를 픽셀로 교환)하는 작업을 하는 단계이다. 그리고 이렇게 레스터화 된 작업물들을 레이어에 배치한다. 합성 이렇게 생성된 레이어들을 합치고 최종적으로 화면에 표시하.. 공감수 0 댓글수 0 2022. 11. 14.
브라우저의 기능과 렌더링 엔진 동작 과정 사용자가 브라우저를 사용할 때 어떠한 과정을 통해 사용자에게 자원이 보여지는지 원리를 알아보고자 한다. 🔑 키워드 브라우저 동작 방식, 렌더링 순서 ❓ 브라우저의 기능 브라우저의 역할 브라우저는 하나의 소프트웨어로 사용자의 요청에 의해 자원을 서버에 요청하여 해당 자원을 사용자에게 보여준다. 이 때 자원은 주로 HTML 파일을 의미하나, PDF나 이미지와 같은 파일이 될 수도 있다. 사용자는 해당 자원의 주소를 URI(Uniform Resource Identifier)로 명시할 수 있다. 브라우저의 호환성 브라우저는 기본적으로 HTML과 CSS를 해석하여 이를 사용자에게 보여주게 된다. 이와 같은 파일의 해석을 위한 명세가 있고, 이는 웹의 표준을 정리해 놓은 것인데, W3C(World Wide Web .. 공감수 0 댓글수 0 2022. 11. 9.
JS for 반복문(foreach, for..in, for..of) 🔑 키워드 object map set forEach for..in for..of ❓ for in ? for of ? 뭐가 다르지 ? feat. forEach Object를 iterator하게 사용하기 위해서 사용하는 반복문이 있다. 그 외에도 JS에서는 내장메서드인 forEach 가 있다. 해당 메서드 및 반복문의 사용방식과 차이점에 대해 알아보자 한다. forEach 는 built-in object 내장 객체로 사용할 수 있는 컬랙션이 있다. 기존에는 Array 만 사용가능했지만, ES6 이후 부터는 Map Set 내에서도 사용할 수 있다. Map (삽입 순서 유지) forEach((value, key, map) => { /* … */ } [, thisArg]) 기존 Arry forEach 의 형태를 .. 공감수 0 댓글수 0 2022. 9. 23.
geeksforgeeks contribute 하기 🔒 문제 geeksforgeeks 사이트에서 그리디 알고리즘 관련 아티클을 읽다가 뭔가 이상한 부분을 발견했다. https://www.geeksforgeeks.org/minimum-product-subset-array/ Minimum product subset of an array - GeeksforGeeks A Computer Science portal for geeks. It contains well written, well thought and well explained computer science and programming articles, quizzes and practice/competitive programming/company interview Questions. www.geeksfor.. 공감수 0 댓글수 0 2022. 9. 17.
프로그래머스 JS: 두 큐 합 같게 만들기 https://school.programmers.co.kr/learn/courses/30/lessons/118667 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 🔒 문제 문제 설명 길이가 같은 두 개의 큐가 주어집니다. 하나의 큐를 골라 원소를 추출(pop)하고, 추출된 원소를 다른 큐에 집어넣는(insert) 작업을 통해 각 큐의 원소 합이 같도록 만들려고 합니다. 이때 필요한 작업의 최소 횟수를 구하고자 합니다. 한 번의 pop과 한 번의 insert를 합쳐서 작업을 1회 수행한 것으로 간주합니다. 큐는 먼저 집어넣은 원소가 먼저 나오는 구조입니다... 공감수 0 댓글수 0 2022. 8. 23.
Babel (2): macro 바벨은 플러그인을 사용하여 커스텀하게 변환 작업을 할 수 있다. 하지만 Babel 플러그인에는 몇 가지 문제가 있다. 프로젝트의 코드를 볼 때 해당 코드를 변환하는 플러그인이 있는지 모를 수 있기 때문에 혼동을 일으킬 수 있음. 전역적으로 구성하거나 대역 외( .babelrc또는 webpack 구성에서)로 구성해야 함. 모든 babel 플러그인이 동시에 실행되기 때문에(Babel AST의 단일 워크에서) 매우 혼란스러운 방식으로 충돌할 수 있음. 이러한 문제는 Babel 플러그인을 가져와서 코드에 직접 적용할 수 있다면 해결할 수 있는데, 이는 변환이 더 명시적이며 구성에 추가할 필요가 없으며 플러그인을 가져온 순서대로 정렬할 수 있음을 의미한다. 현재 babel 생태계의 각 babel 플러그인은 개별적.. 공감수 0 댓글수 0 2022. 8. 1.
Babel (1): Babel과 plugin 바벨이란? 바벨은 JS의 컴파일러, 트랜스파일러라고 한다. 바벨의 역할을 이야기하자면 브라우저 호환을 위한 es 버전을 맞게 코드를 변환시키거나 typescript or coffescript를 js로 다시 변환시키는 작업을 하는데 이를 현대 한국어를 중세 한국말로 변환하는 역할이라고 비유하기도 한다. 조금 더 자세히 설명하자면 바벨은 일반적으로 다목적 JS 컴파일러이다. 더 나아가 많은 형태의 정적 분석 (Static analysis)에 사용되는 모듈들의 모음이기도 하다 정적 분석(Static analysis) 이란 코드를 실행하지 않고 분석하는 작업을 말한다. 코드를 실행하는 동안 분석하는 것은 동적 분석(Dynamic analysis)으로 알려져 있다. 정적 분석의 목적은 다양하다. 구문 검사, 컴파.. 공감수 0 댓글수 0 2022. 8. 1.
Package.json 살펴보기 Package.json name package.json 에서 가장 중요한 항목은 name과 version이다. 필수로 입력되어야 하며 없다면 패키지를 설치하게 할 수 없다. name과 version을 통해 각 패키지의 고유성을 판별하게 되고, 그렇기 때문에 내용이 변경된다면 version을 바꾸어 주어야만 한다. 규칙 점이나 밑줄로 시작할 수 없고 대문자를 포함해서는 안된다. URL의 일부분임으로, 커맨드라인의 인수이자 폴더명이다. 따라서 모든 URL-safe하지 않은 name은 거부된다. 조언 name에 node또는 js를 넣지 않는다. package.json을 쓰고 있는 시점에서 이미 JS라는 것을 알 수 있고, engines항목에서 실행기반을 지정할 수 있다. name은 JS 파일 내에서 requi.. 공감수 0 댓글수 0 2022. 7. 4.
node.js 의 path, import meta, fileURLToPath 모듈 경로 node.js 의 path, import meta, fileURLToPath 모듈 경로 운영체제 파일이나 디렉토리의 경로를 다루는 데 필요한 모듈인 path 경로처리를 할 때 은근히 오류 발생의 소지가 있기 때문에 따로 설정하게 되면 오류가 생길 수 있다. 예를 들어 유닉스 계열의 OS와 윈도우 계열의 OS는 서로 다른 문자로 디렉토리 구조를 표현한다. 유닉스 계열 운영체제는 / 문자를 사용하는 반면 윈도우 운영체제는 ₩ 문자를 사용한다. 유닉스 계열 $ pwd /Users/user 윈도우 $ cd C:\Users\user 또한 이 두 운영체제는 PATH 환경변수를 표현할 때도 서로다른 문자를 사용하여 여러 경로를 나열한다. 유닉스 계열의 운영체제에서는 : 문자를 사용하는 반면, 윈도우 운영체제는 ; 문.. 공감수 1 댓글수 0 2022. 7. 4.
Mono-Repo 와 관련 라이브러리 툴(turborepo, yarn workspace) Multi-Repo 멀티 레포는 여러 레포지토리에 패키지를 분산해 주는 것을 의미한다. 말 그대로 하나 또는 두개 이상의 패키지 관리는 하나 또는 두개이상의 레포지토리로 구성하여 관리하는 것이다. 예를 들어 A라는 패키지를 구성하는 B,C라는 패키지가 있을 경우 B-Repository, C-Repository 로 나눠 두는 것을 의미한다. 여기서 꼭 A라는 패키지가 없어도 상관 없다 의미자체를 보면 패키지별로 레포지토리를 분리한다고 보면 된다. 보통 패키지와 페포지토리는 1:1관계를 맺으며 통상 사용하는 방식으로 생각하면 된다. 장점 레포지토리멸 오너를 지정 패키지 별로 레포지토리가 분리되어있다는 것은 각 패키지 별로 관리가 가능하는 것이다. 이에 대해 각 레포지토리별 오너를 지정할 수 있고 이로 인해 .. 공감수 0 댓글수 0 2022. 7. 4.
npm yarn yarn berry 패키지 관리 툴이다. Node Package Manager 패키지 관리자: command line client + npm registry 기본적으로 node.js 내에 npmd은 내장되어 있다. 기본적으로 패키지 관리자가 없다면 따로 코드를 작성하거나 다운로드 받아서 붙여주어서 사용해야하지만 이러한 패키지 관리 툴이 있다면 온라인에서 바로 한줄의 코드로 해당 코드 및 프로젝트를 받아와 바로 사용할 수 있다. package.json을 사용하여 의존성을 관리하고 어떤 패키지가 다운로드되었는지 어떤 버전을 사용하는지 등을 기록하여 어드 곳에서도 동일한 환경을 구축할 수 있다. Yarn 페이스북에서만든 패키지 관리자 툴이다. npm 과 같은 기능을 수행한다. yarn은 npm의 단점을 향상시키기 위해 만들어진 .. 공감수 0 댓글수 0 2022. 7. 4.
이미지 최적화 및 성능 개선 기존 프로젝트의 이미지가 온전히 원본 이미지를 img src를 사용해서 가져오고 있었기 때문에 이미지 관련 작업이 필요했다. 1) 우선은 프론트 단에서는 이미지를 viewport에 잡힐 때 load 시키고 (Intersection Observer) 2) 빠르게 구현했어야 했기 때문에 이미지 캐싱, 레이지 로딩 및 압축 포매팅 등 기능을 제공하는 next image를 사용했다. 3) 업로드 하는 부분도 Toast UI 에디터를 사용하고 있었기 때문에 사진을 에디터에 불러오는 훅을 커스텀해서 s3에 업로드 하기 전에 Next API를 사용해서 해당 이미지 최적화 로직을 구현하고, s3에 업로드한 후 백엔드에 업로드된 이미지 주소를 보내주었다. 이 외에도 웹폰트, 스크롤, 스켈레톤 등을 통해서 성능을 개선할 .. 공감수 0 댓글수 0 2022. 7. 4.
leetcode: 3. Longest Substring Without Repeating Characters JS solution https://leetcode.com/problems/longest-substring-without-repeating-characters/ Longest Substring Without Repeating Characters - LeetCode Level up your coding skills and quickly land a job. This is the best place to expand your knowledge and get prepared for your next interview. leetcode.com 🔒 문제 Given a string s, find the length of the longest substring without repeating characters. Example 1: In.. 공감수 0 댓글수 0 2022. 6. 17.
V8엔진 작동 방식 feat 웹 어셈블리 V8 엔진은 C++로 만들어 졌으며, JS와 웹어셈블리를 실행할 때 사용된다. V8 엔진은 브라우저 위에서 뿐 아니라 독립적으로도 사용될 수 있으며 예는 node.js가 있다. V8 엔진에서의 동작 방식을 보면 JS 코드를 읽기 -> parsing -> bytecode -> 실행 순으로 이뤄지는데 최근 브라우저에서는 turbofen 엔진을 통해 최적화를 진행한다. V8 엔진은 다음과 같은 일을 수행하게 되는데 1) JS 코드 실행 2) 객체를 메모리 힙 영역에 할당 3) 사용하지 않는 객체를 GC에서 해제 4) hidden class를 사용하여 객체 프로퍼티 참조하여 참조 속도 개선 5) turbofen 엔진을 통해 최적화 -> 속도, 메모리 최적화 hidden class 여기서 정적 타이핑 언어와 달리.. 공감수 0 댓글수 0 2022. 5. 20.
vertical percentage bar 바닥부터 채우기 세로로 된 퍼센테이지 바를 만들기위해서 아래와 같이 구조를 만들었다. 그런데 내부 퍼센테이지에 따라 채워져야하는 바가 위에서부터 채워지는 문제가 생겼다. 이미지 스프라이팅을 하고 있었기 때문에 이미지에 absolute와 cover를 사용해서 강제로 bottom:0을 만드는 것은 할 수 없었다. 사람모양이어서 사진의 바닥에서부터 퍼센테이지에 따라 그림에 맞춰 바닥부터 올라왔어야 했기에 어떻게 하면 좋을지 검색해도 원하는 부분은 안나왔다. 결론적으로 flex와 background-position-y를 통해 해결했다. /* 상위 컴포넌트 */ const GrayBar = styled.span` background: url(..) no-repeat; background-position: ; width: ; he.. 공감수 0 댓글수 0 2022. 4. 21.
next: link # anchor 사용하기 next link로 # 해시 앵커를 사용하니 제대로 작동하지 않았다. 내비에서 해당 #아이템을 클릭하거나 스크롤이되어 #아이템에 해당하는 곳이 observer된다면 url또한 자동으로 업데이트 되도록하고 뒤로가기를 누른다면 replace로 #관련 주소는 히스토리로 담지 않고 바로 전페이지로 이동하게 하는 것이 목표였다. 우선 next link 에서 #해시 앵커를 사용하기 위해서 if (location.hash) location = location; 위와 같이 해주면 된다. 활성화된 내비 아이템과 내비가 가리키는 컴포넌트를 state로 관리하고 클릭할 때나 페이지 #이 포함된 url로 처음 들어올 때만 해당 앵커가 가리키고 있는 곳으로 스크롤해야 하기 때문에 useEffect(() => { // 처음 들어.. 공감수 0 댓글수 0 2022. 3. 31.
react: intersection observer 사용기 프로젝트에서 내비게이션바를 만들기 위해서 해당 컴포넌트에 위치하면 내비가 바뀌는 부분을 해야했다. 컴포넌트는 가변적이며, 버튼으로 줄였다 늘렸다할 수 있는 공통 컴포넌트를 사용하면 컴포넌트 7가지가 있고 그 컴포넌트들에 따라서 observer가 뷰포트에 위치하는 컴포넌트를 찾아 내비게이션 애니메이션 효과를 주면 되었다. 우선 내비게이션을 클릭하면 해당 컴포넌트로 이동하는 부분은 href #로 해결했다. 7개의 컴포넌트가 사용하는 공통 컴포넌트에서 // Nav.tsx ... ... // CommonContainer.tsx ... ... 이렇게 처리해주었다. 하지만 헤더가 있었기에 해당 헤더만큼 숨겨진 마진값을 주어야 했다. 이부분은 // CommonContainer.tsx const CommonWrappe.. 공감수 0 댓글수 0 2022. 3. 31.
next update (10-11) 과 next/Image 사용하기 next/Image를 사용하여 blur 처리를 하고 싶었는데 해당 props들은 11버전부터 사용가능하였다. 그래서 12 최신버전으로 버전업데이트를 했지만 12부터는 웹팩 5를 쓴다는 것.. 그래서 웹팩쪽에서 node설정 쪽에서 에러가 나서 해당 코드를 처리해 주어야 하지만 지금의 프로잭트는 cra로 되어 있어서 webpage.config 파일을 수정하는 것은 힘들었다. 그렇기 때문에 Image에서 원하는 기능들을 추가하서 사용할 수 있는 버전이 11이었고, 해당 버전은 webpack 5를 꺼둘 수 있었다. (12부터는 아예 4를 지원 안함) 그래서 우선은 11버전으로 업데이트하고 리액트와 디팬던시까지 업데이트 후에 next.config.js에서 webpack5: false, 라고 우선 지정해주었다. n.. 공감수 0 댓글수 0 2022. 2. 22.
프로그래머스 JS: 스택/큐 프린터 문제 설명 일반적인 프린터는 인쇄 요청이 들어온 순서대로 인쇄합니다. 그렇기 때문에 중요한 문서가 나중에 인쇄될 수 있습니다. 이런 문제를 보완하기 위해 중요도가 높은 문서를 먼저 인쇄하는 프린터를 개발했습니다. 이 새롭게 개발한 프린터는 아래와 같은 방식으로 인쇄 작업을 수행합니다. 1. 인쇄 대기목록의 가장 앞에 있는 문서(J)를 대기목록에서 꺼냅니다. 2. 나머지 인쇄 대기목록에서 J보다 중요도가 높은 문서가 한 개라도 존재하면 J를 대기목록의 가장 마지막에 넣습니다. 3. 그렇지 않으면 J를 인쇄합니다. 예를 들어, 4개의 문서(A, B, C, D)가 순서대로 인쇄 대기목록에 있고 중요도가 2 1 3 2 라면 C D A B 순으로 인쇄하게 됩니다. 내가 인쇄를 요청한 문서가 몇 번째로 인쇄되는지 .. 공감수 0 댓글수 0 2021. 11. 30.
프로그래머스 JS: 스택/큐 기능개발 문제 설명 프로그래머스 팀에서는 기능 개선 작업을 수행 중입니다. 각 기능은 진도가 100%일 때 서비스에 반영할 수 있습니다. 또, 각 기능의 개발속도는 모두 다르기 때문에 뒤에 있는 기능이 앞에 있는 기능보다 먼저 개발될 수 있고, 이때 뒤에 있는 기능은 앞에 있는 기능이 배포될 때 함께 배포됩니다. 먼저 배포되어야 하는 순서대로 작업의 진도가 적힌 정수 배열 progresses와 각 작업의 개발 속도가 적힌 정수 배열 speeds가 주어질 때 각 배포마다 몇 개의 기능이 배포되는지를 return 하도록 solution 함수를 완성하세요. 제한 사항 작업의 개수(progresses, speeds배열의 길이)는 100개 이하입니다. 작업 진도는 100 미만의 자연수입니다. 작업 속도는 100 이하의 자.. 공감수 0 댓글수 0 2021. 11. 28.
웹팩이란? 웹팩은 모듈 번들러이며, 자바스크립트 파일들을 모듈로 관리하는데서 출발한다. 자바스크립트 파일들이 많아지면 하나로 관리하는 것이 힘들어지고, 이것들을 브라우저에 로딩하는 것 또한 많은 네트워크 비용이 발생하게 된다. 그래서 이러한 파일들을 모듈화하여 즉시함수호출 스타일로 변경해주고, 하나의 파일로 묶어(bundled) 네트워크 비용을 최소화 할 수 있는 방법이 필요하고 이것이 웹팩의 기능이다. 웹팩의 config 파일 예시를 보자 webpack.config.js const path = require('path') const webpack = require('webpack') const ExtractTextPlugin = require('extract-text-webpack-plugin') module.e.. 공감수 0 댓글수 0 2021. 6. 28.
백준 js 11653: 소인수분해 문제 정수 N이 주어졌을 때, 소인수분해하는 프로그램을 작성하시오. 입력 첫째 줄에 정수 N (1 ≤ N ≤ 10,000,000)이 주어진다. 출력 N의 소인수분해 결과를 한 줄에 하나씩 오름차순으로 출력한다. N이 1인 경우 아무것도 출력하지 않는다. 예제 입력 1 72 예제 출력 1 2 2 2 3 3 풀이 작은수부터 오름차순으로 루프문을 돌며 루프문에 해당하는 현재값으로 나누어 떨어질 때까지 나눈다. 전체코드 공감수 0 댓글수 0 2021. 6. 27.
백준 js 17103: 골드바흐의 파티션 문제 골드바흐의 추측: 2보다 큰 짝수는 두 소수의 합으로 나타낼 수 있다. 짝수 N을 두 소수의 합으로 나타내는 표현을 골드바흐 파티션이라고 한다. 짝수 N이 주어졌을 때, 골드바흐 파티션의 개수를 구해보자. 두 소수의 순서만 다른 것은 같은 파티션이다. 입력 첫째 줄에 테스트 케이스의 개수 T (1 ≤ T ≤ 100)가 주어진다. 각 테스트 케이스는 한 줄로 이루어져 있고, 정수 N은 짝수이고, 2 < N ≤ 1,000,000을 만족한다. 출력 각각의 테스트 케이스마다 골드바흐 파티션의 수를 출력한다. 예제 입력 1 5 6 8 10 12 100 예제 출력 1 1 1 2 1 6 풀이 입력 예제 중 가장 큰 수를 받아서 그 수까지의 수열을 담는 배열을 만든다. let maxnum = Math.max(.... 공감수 0 댓글수 0 2021. 6. 27.
프로세스 다루기 1(11-1) uid 라는 것이 real uid, effective uid 로 나뉘어진다. real uid는 로그인할 때 정해진다. 사용자가 로그인해 프로세스를 생성하면 프로세스 real uid는 그 사용자가 된다. 그리고 이 사용자는 super user일 경우에만 변경이 가능하다. root 일 경우를 제외한 다른 유저일 경우 프로세스의 real uid를 변경 할 수 없다. effective uid는 파일의 접근 권한 따질때 사용한다. 접근 권한을 그냥 주는 것이 아니라 3개의 그룹으로 나눠 준다. 파일의 onwer, group, other 각각의 사용자 그룹이다. 파일의 onwer가 있다면, 그 사용자에게 접근권한이 주어진다. 프로세스의 real uid, effective uid 두개 유저 id 가 있는데, ㄱeal.. 공감수 0 댓글수 0 2021. 6. 6.
프로세스 다루기 1(10-4) fork와 exec를 함께 사용하기 일반적으로 exec이 홀로 쓰이는 경우는 매우 드물다. 보통 fork와 함께 쓰인다. 프로세스가 있는데 그 프로세스가 포크를 불러서 자식프로세스를 만든다 자식 프로세스는 부모 프로세스와 똑같은 프로세스 생성, exec 불러서 다른 프로그램으로 바뀐다. 이런식으로 부모, 자식 프로세스가 전혀 다른 프로그램을 실행하도록 하는 유닉스 내의 방법 int main() { pid_t pid; printf("hello!\n"); if ((pid = fork()) > 0) { /* parent process */ printf("parent\n"); sleep(1); } else if (pid == 0) { /* child process */ printf("child\n"); exec.. 공감수 0 댓글수 0 2021. 6. 5.
프로세스 다루기 1(10-3) int execl(cont char *path, const char *arg, ...); int execlp(const char *file, const char *arg, ...); int execv(cont char *path, char *const argv[]); int execvp(const char *file, char *const argv[]); exec 계열의 시스템 콜에 대해 알아보자 사용 목적은 현재 프로세스의 코드부분을 다른 실행파일로 교체하기위함이다. 각각의 시스템콜들의 대한 사용방법을 설명하기 전에 exec이 무엇인지 보자 하드디스크에 있는 프로그램이 메인메모리에 적재되어 실행되고 있다. 프로세스에 관련된 속성 정보들이 프로세스 테이블에 기록되어 있다. 회색프로그램을 연두색 프로그램으.. 공감수 0 댓글수 0 2021. 6. 5.
프로세스 다루기 1(10-2-2) int main() { int fd, n; char line[512]; fd = open("data.txt", O_RDONLY); n = read(fd, line, 17); line[n] = '\0'; fprintf(stderr, "before fork: %s", line); if (fork() > 0) { /* parent process */ sleep(3); n = read(fd, line, 17); line[n] = '\0'; fprintf(stderr, "parent process: %s", line); } else { /* child process */ n = read(fd, line, 17); line[n] = '\0'; fprintf(stderr, "child process: %s", lin.. 공감수 2 댓글수 0 2021. 6. 5.
프로세스 다루기 1(10-2-1) 프로세스와 관련된 여러가지 시스템 콜들에 대해서 설명한다. fork: 이 fork 시스템 콜을 호출한 프로세스와 동일한 자식 프로세스를 생성한다. exec: 6가지 종류가 있고, 프로세스 코드 부분을 다른 프로그램을 교체할 때 사용된다. exit, _exit: exit은 프로세스를 종료하고 종료 상태를 부모 프로세스에게 전달하는 목적, _exit은 exit과 거의 같지만, atexit함수를 통해서 등록된 함수들을 호출하지 않고 그냥 프로세스를 종료한다는 차이점이 있다. atexit: exit에의해 종료될 때 호출될 함수를 등록할 때 fork 인자없이 fork()만 호출하면 된다. 함수로부터 리턴하는 것은 한번이 아닌 두번이다. 어떤 프로세스가 있는데 이 fork를 부르면 자신과 똑같은 자식프로세스를 만든.. 공감수 0 댓글수 0 2021. 6. 5.
리눅스 프로세스 관리(10-1) 프로세스라고 하는 것은 실행중 상태에 있는 프로그램을 말한다. c로 프로그램을 짰다고 하면 컴파일 해서 기계어로 된 실행 파일을 만들었다. 파일 형태로 디스트에 저장된다. 그 프로그램을 실행시켜 실행중인 상태에 있는 것을 프로세스라고 한다. 하나의 프로그램을 동시에 여러번 실행히킬 수 있는데, 두개의 프로세스로써 따로따로 실행될 수 있다. 이런 프로세슬르 실행하는 방법이 있다. 유닉스에서 명령을 내려서 실행시키면, 로그인을 했을 때 쉘프로세스가 실행이된다. 쉘프로세스가 프롬프트를찍어서 명령어를 입력하게 하고 입력하면 명령어를 실행시키기 위해 새로운 프로세스, 자식 프로세를 하나 만든다. 그래서 자식 프로세스에게 프로그램을 실행하게 만든다. 프로그램이 실행되는 동안에는 프롬프트가 생기지 않는다. 실행을 마.. 공감수 0 댓글수 0 2021. 6. 5.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.