데굴데굴

프로세스 실행 중인 프로그램 (program in execution) 프로세스 문맥 (process context) 프로세스가 어떤 상태에서 수행되고 있는지 정확하게 규명하기 위해 필요한 정보 하드웨어 문맥 CPU의 수행 상태를 나타내는 것 프로그램 카운터 값, 각종 레지스터에 저장하고 있는 값 프로세스의 주소 공간 커널상의 문맥 - PCB, 커널 스택 프로세스의 상태 Running - instruction 수행 중 Ready - CPU 사용을 위해 대기 중인 상태 (메모리에 올라와 있음, cpu만 얻으면 바로 작업을 수행할 수 있는 상태) Blocked (wait, sleep) - cpu를 줘도 당장 instruction을 실행할 수 없는 상태, ex) i/o 작업을 완료해야 할 수 있는 작업 susp..

너무 불편하게도 티스토리는 에디터 자체에 인라인 코드를 삽입하는 기능이 없어 html 모드에서 를 일일이 덧씌워 적용해야했다. (마크다운 모드는 나한테 글자가 너무 작아서 불편했다.) 오늘도 여느 날처럼 글을 쓰다가 갑자기 이 불편함이 확 다가와서 정녕 방법이 없는건지 찾아보았고, 정말 감사하게도 한 글을 보게 되었다. [Tips] implement `` inline code block to your blog - (티스토리 인라인 코드 블럭 사용하기) Have a peek at the github flavored markdown examples (link) . So if you want to use inline block in your blog post, you need to convert a pair ..

자바스크립트에서 문자를 숫자로 변환하기 위해 사용하는 방법으로는 parseInt()와 Number()가 있다. 더 간단하게는 문자 앞에 +를 붙여 숫자로 바꾸기도 한다. 어쨌든 둘 다 숫자로 변환해주니까 그 동안 아무거나 사용해왔었는데, 오히려 그러다 보니 이 둘은 대체 뭐가 다른건가 하는 의문이 자연스럽게 피어올랐다. 그래서 정리를 한 번 해보려고 한다. 참고 링크 단항 더하기 (+) - JavaScript | MDN 단항 더하기 연산자(+)는 피연산자 앞에 위치하며 피연산자를 평가하지만, 만약 피연산자가 숫자가 아니라면 숫자로 변환을 시도합니다. developer.mozilla.org Number() vs parseInt() - this vs that Number() vs parseInt() this..

반효경 교수님의 KOCW 강의 '운영체제'와 저서 '운영체제와 정보기술의 원리'를 학습하며 정리한 글입니다. 프로그램 구조와 인터셉트 프로그램이 명령을 수행하려면 명령을 담은 프로그램의 주소 영역이 메모리에 올라가 있어야 함. 프로그램의 주소 영역 코드: 작성한 프로그램 함수들의 코드가 cpu에서 수행할 수 있는 기계어 명령 형태로 저장됨 데이터: 전역 변수 등 프로그램이 사용하는 데이터를 저장 스택: 함수가 수행을 마치고 복귀할 주소 및 데이터를 임시로 저장 메인 함수에서 실행 시작 다른 함수 호출 새 함수의 위치로 점프하여 함수 실행 원래 호출했던 함수 위치로 되돌아옴 컴퓨터 시스템의 작동 개요 CPU는 매 시점 메모리의 특정 주소에 존재하는 명령을 읽어와 그대로 실행 프로그램 카운터: cpu가 수행..

반효경 교수님의 KOCW 강의 '운영체제'와 저서 '운영체제와 정보기술의 원리'를 학습하며 정리한 글입니다. 컴퓨터 시스템의 구조 컴퓨터 = 내부 장치(CPU, 메모리) + 외부 장치(디스크, 키보드, 마우스, 모니터, 네트워크 장치) 컴퓨터 내부로 데이터가 들어오는 것 = input 외부로 데이터가 나가는 것 = output 각 하드웨어 장치에는 이들을 제어하는 일종의 작은 CPU인 컨트롤러가 붙어있음 운영체제의 코드를 전부 메모리에 상주시키면 메모리가 낭비됨 -> 핵심적인 부분만 올려놓음 (=커널) CPU 안에는 레지스터, mode bit, interrupt line이 있음 레지스터: CPU 내부의 임시 기억 장치, 새 명령을 수행할 때마다 초기화됨. mode bit: 사용자 프로그램의 잘못된 수행으..

반효경 교수님의 KOCW 강의 '운영체제'와 저서 '운영체제와 정보기술의 원리'를 학습하며 정리한 글입니다. 운영체제의 정의 운영체제(operating system): 컴퓨터 하드웨어 바로 윗단에 설치되는 소프트웨어 하드웨어를 동작시키기 위한 기본적인 소프트웨어 하드웨어 위에 운영체제를 설치해 사용자가 컴퓨터를 사용할 수 있는 상태로 만들어주는 것 좁은 의미의 운영체제: 메모리에 항상 상주하고 있는 운영체제의 부분 = 커널 kernel 넓은 의미의 운영체제: 커널 뿐만 아니라 운영체제의 다른 유틸리티도 포함 이런 유틸리티들은 메모리에 상주하지 않는 독립적인 소프트웨어이지만 운영체제에 함께 설치되어 운영체제로 간주하기도 한다. 강의에서 앞으로 언급할 운영체제는 좁은 의미의 운영체제 운영체제의 기능 두 가지..

1. 문제 상황 2. 근본적인 원인 - 이 페이지에 어떻게 접속하게 되었나 3. 해결법 떠올리기 4. 해결 방법 5. 결과 부트캠프에서 했던 프로젝트를 리팩토링하다가 이 문제를 만나게 되었다. 문제 상황 '오픈채팅으로 연락하기' 버튼을 누르면 간혹 이런 페이지로 이동하였다. 근본적인 원인 - 이 페이지에 어떻게 접속하게 되었나 '오픈채팅으로 연락하기' 버튼에 쓰인 window.open()은 앞에 프로토콜까지 붙어있어야 정상적인 링크로 인식한다. (window.location.assign()도 마찬가지이다.) 예를 들어서 내가 현재 localhost:3000에 있다고 가정할 때, 콘솔에 window.open('www.naver.com')를 입력하면 주소창에 이렇게 입력된다. 반면 window.open('h..

⚙️ 오늘 학습한 내용 태그 🐹 오늘의 기분 어제 같이 프로젝트 했던 백엔드 팀원분께서 프론트 서버 실행법을 알려달라고 하셔서 알려드리고 오랜만에 서로 근황을 공유했다. 다들 잘 지내는 것 같아서 좋았당 나도 열심히 해야지 🗝 키워드 playsInline, git branch -m 🗣 스스로에게 설명 playsInline 모바일에서 동영상을 재생하면 자동으로 전체화면이 되는데 video 태그에 playsInline 속성을 적용하면 이를 막을 수 있다. Your browser does not support the video tag. 동영상 썸네일 보여주기 preload="metadata" 속성을 이용하면 사용자가 동영상을 재생하는 순간에 정보를 불러와 리소스를 아낄 수 있다. 크롬에서는 썸네일도 제대로 떠..