혼공JS에서 리액트를 맛봤으면서 왜 또 다시 시작하냐?! 라고 생각할 수 있지만 이번엔 좀더 딥하게 알고 넘어가고자 한다. React --사용자 인터페이스를 만들기 위한 JavaScript 라이브러리임 프레임워크가 아니다 React 특징 컴포넌트 기반의 개발 방식 복잡성 감소 재사용 특화 오직 View만 신경씀 효율적인 렌더링을 위한 Virtual DOM 사용 지속적으로 데이터가 변화하는 대규모 애플리케이션에서 사용하기 적합함 업데이트 처리 간결성을 제공 UI를 업데이트하는 과정에서 생기는 복잡함을 모두 해소하고, 더욱 쉽게 업데이트에 접근 오해 가상 돔을 사용한다고해서 무조건 빠르다는건 아님 코드 최적화를 한다던가 아니면 단순히 라우팅만 있는경우 리액트가 더 느려질 수 도 있습니다. React 사용 이..

2024.02.07 - [컴퓨터 사이언스/컴퓨터 구조 & 운영체제] - [혼공컴운] 운영체제 chapter 12 & 13 & 실습 잠깐 직장에서 일이 안풀리고 너무나 답답해지니 공부를 하기가 너무 힘들더군요 그래서 잠시 주말포함 휴식을 가졌습니다. 한번 쉬니 그래도 마음이 편해지는거 같아요 (물론 컴퓨터 운영체제는 어렵군요 역시 멍청이인 저에겐 너무 힘든거 같아요) 어쨋든 다시 열심히 공부해서 달려야겠죠 기본미션 p. 363의 확인 문제 1번 풀고 인증하기 뮤텍스 락과 세마포에 대한 설명으로 옳지 않은 것을 고르세요 1. 뮤텍스 락은 임계 구역을 잠근 뒤 임계 구역에 진입함으로써 상호 배제를 위한 동기화를 이룹니다. 2. 세마포는 공유 자원이 여러 개 있는 상황에서도 이용할 수 있습니다. 3. 세마포를 ..

프로세스 동기화 동기화의 의미 프로세스 동기화 : 프로세스 사이의 수행 시기를 맞추는 것 ※ 프로세스뿐 아니라 스레드 또한 동기화의 대상 실행 순서 제어를 위한 동기화 : 동시에 실행되는 프로세스를 올바른 순서대로 실행하는 것. ※프로세스들에 따라서 아무 순서대로 실행되어선 안되는 프로세스가 있음. 밑의 사진을 예시로 Reader프로세스는 Writer가 먼저 txt 파일을 써야 읽을 수 있으며 Reader가 먼저 실행되면 아무것도 읽을수 없습니다. (book.txt 파일에 글이 있어야하는 특정한 조건이 필요하다) -->실행 순서가 필요하다 상호 배제를 위한 동기화 : 공유가 불가능한 자원의 동시 사용을 피하기 위해 사용하는 알고리즘. 동시에 접근하지 못하게 하는 것. 한번에 하나의 프로세스만 접근가능 공..

2024.02.06 - [프로그래밍 공부/Javascript] - [혼공JS] React 시작하기 2024.02.07 - [컴퓨터 사이언스/컴퓨터 구조 & 운영체제] - [혼공JS] Express 서버 시작하기 2024.02.01 - [프로그래밍 공부/Javascript] - [혼공JS] 미니 프로젝트 2 - Todo list 사실 처음 목표를 간단한 웹 게시판을 AWS에 배포까지 완료하는걸 목표로 하고있었습니다..... 그런데 지금 모양새를 보아하니 음.... React하고 나면 못할거 같은뎅.....너무 목표가 거대했나... 어쨋든 영차영차 힘내서 마지막 데드라인 16일 까지 웹 배포까지 완성해볼 계획입니다. (6주차 미션은 16일에 올리겠다는 지각 선전포고) 미니 프로젝트 2도 완성 했습니다 - T..

프론트 엔드 React에 이어 Express도 시작해 보겠습니다. 최종목표는 간단한 CRUD가 가능한 게시판을 목표로 만들어 보겠습니다. Express 시작 pnpm init -y package.json 파일을 생성해내고 내부 텍스트를 수정해봅시다. 이후 express를 설치하고 pnpm install express app.js 파일을 만들고 기본적인 hello world 예제를 붙여넣습니다. const express = require('express') const app = express() const port = 3000 app.get('/', (req, res) => { res.send('Hello World!') }) app.listen(port, () => { console.log(`Exampl..

리액트의 특징 리액트만의 특별한 문법 : JSX 를 사용함 단방향 데이터 바인딩 가상 돔 선언형 프로그래밍 컴포넌트 기반 가장 중요한 : SPA (Single Page Application) 단 하나의 페이지에서 페이지 새로 고침없이 데이터만을 변경 가능함! React 시작하기 전 설정 우선 Node.js 구성을 좀더 새로운 방식으로 진행하고싶었습니다. (아무것도 모르지만 일단 도전) 버전관리 - FNM -- 기존 NVM 보다 빠른 속도 패키지 관리 - PNPM -- 기존 NPM 보다 디스크 공간 절약 Node 버전 - LTS 버전 번들러 - Vite -- 기존의 웹펙보다 빠른 속도 FNM 설치 & Node.js 설치 & PNPM설치 https://github.com/Schniz/fnm https://p..

chatgpt 선정 입문용 프로젝트 2번째 Todo list를 만들어 볼 시간입니다. 아니 근데 이미 DOM객체 조작에서 다 한거 아니냐구요? 맞습니다. 하지만 이번엔 조금더 추가하여 만들어 보려고 합니다. 이름하여 뽀모도르 투두리스트 저는 업무나 공부를 하다보면 30분 40분이 넘어가면 집중력이 흩어지고 생각이 어지러워지는데 이번에 만들어내는 Todo로 도움이 되었으면 좋겠습니다. 프로젝트명 : TO-DO list & 타이머 기능 정의 입력칸에 Todo를 넣으면 객체 또는 배열에 저장됨 저장된 Todo를 리스트로 출력함 삭제버튼을 누르면 Todo를 삭제함 시작 버튼을 누르면 타이머가 동작함 (30분) 타이머를 이용한 뽀모도르 및 타이머 완료후 todo 완료기능(취소선) 구현 css 는 부트스트랩 대체!..

2024.01.26 - [컴퓨터 사이언스/컴퓨터 구조 & 운영체제] - [혼공컴운] 운영체제 Chapter 9 2024.01.28 - [컴퓨터 사이언스/컴퓨터 구조 & 운영체제] - [혼공컴운] 운영체제 chapter 10 2024.01.28 - [컴퓨터 사이언스/컴퓨터 구조 & 운영체제] - [혼공컴운] 운영체제 chapter 11 2024.01.28 - [컴퓨터 사이언스/컴퓨터 구조 & 운영체제] - [혼공컴운] 운영체제 -번외 : 실습1 2024.01.28 - [컴퓨터 사이언스/컴퓨터 구조 & 운영체제] - [혼공컴운] 파이썬을 지우면..... 오늘도 지각했습니다. 이번 주가 4주차인지 알고 느긋하게 제출하면 되겠지 하고 있었습니다. 그러다 사무실에서 발주체크하면서 곰곰히 생각해보니 저번주에 제출을..