2022년도 이 글을 쓰는 시점에서 이틀만이 남았다.IT 분야로 진로를 변경한 후로 어느새 4년이란 시간이 흘렀다.19년 ~ 20년 까지는 생명공학에서 컴퓨터공학으로 편입하여 전공을 바꿔, 당시에는 전공 공부에 정신없이 시간을 사용하느라 나를 되돌아볼 시간이 없었다.

로컬에서 개발한 React(with. Vite) 프로젝트를 테스트용으로 배포할 일이 생겼습니다. 여러 정적 사이트 배포 방식 중, 저는 Netlify 를 선택했습니다.워낙 쉽게 정적 사이트를 배포해주는 서비스라 배포 자체는 금방 처리되었습니다.다만, 로컬에서 잘 접근하

React 로 사이드 프로젝트를 다른 FE 개발자분들과 진행하면서 사전에 여러 컨벤션(커밋 컨벤션, 스타일링 컨벤션 등)을 정합니다. React 에서 이벤트 핸들러 메서드를 정의하고 바인딩하는 것 역시 그 중 하나여도 좋다고 생각합니다. 이번 포스팅에서는 React 커

YAPP 20th 동아리 활동에서 한창 개발 단계인 과정 속에서 발생한 이슈에 대해서 고민해보고 팀원 들과 결론을 내린 이야기를 풀어보기 위해서 해당 글을 작성하게 되었습니다.React 디자인 패턴은 현재도 일반화 된 틀이 있는 시점은 아닌 것 같고, 그만큼 다양한 디

4학년, 졸업하기 마지막 학기를 앞두고, 처음에는 "컴공" 이라면, 있으면 "음~있구나" 하고, 없다면 "왜 없어 ?" 라는 반응이 나오기도 한다길래 "정보처리기사" "자격증 시험을 따긴 해야겠다" 고 처음에는 생각했다.그렇게 당장, 압박감을 느끼고, 시작을 하진 않았

근래에 자바스크립트 딥 다이브 라는 책을 정독하고 정리해보는 시간을 가지며 자바스크립트 본질에 대해 다시 한번 점검하는 시간을 가졌었다.정말 좋은 책인 것은 틀림없고 그 동안 무지하게 확실히 이해하지 못하고 넘어갔던 자바스크립트의 스코프, 클로저 등의 개념을 짚고 갈

리액트 컴포넌트에는 라이프사이클(수명 주기)이 존재한다.컴포넌트의 수명은 페이지에 렌더링되기 전인 준비과정에서 시작하여 페이지에서 사라질 때끝난다.컴포넌트를 처음으로 렌더링 할 때, 어떤 작업을 처리해야하거나 컴포넌트를 업데이트하기 전후로 어떤 작업을 처리해야 할 수도

이전 JS, 원시타입 & 객체 포스팅에서 언급했듯이, JS는 유독 다양한 여러 Object 를 지원하기도하고, 조금이라도 복잡한 데이터 구조가 형성 된다하면, 배열이나 객체에 데이터를 저장해놓는 작업이 많다.복사라는 개념이 이런 관점에서 단순한 원시타입에 대해서는 일반

JS는 다른언어와 다르게, 원시값(문자열, 숫자 등)을 마치 객체(object)처럼 다룰 수 있기도 하다.다른 말로는, 원시값에서도 객체에서처럼 메소드(Method)를 사용할 호출할 수 있다.이번에는, JS에서의 원시값 과 객체에 대해 조금 구분을 해본다.그전에, 잠시

객체(Object) or 배열(Array) 로도 많은 작업을 할 수 있지만, 현실 세계를 반영하기에, 더욱 효과적인 자료형을 JS에서도 제공한다.그 중 맵(Map) 과 셋(Set) 자료형을 알아본다.다른 건 몰라도 개발을 하면서 중복 제거라는 이슈는 빈번하게 발생한다고

JS Array Object 는 아주 많은 메소드들을 존재하지만, 그 중 평소에 자주 사용하는 메소드들을 정리한다.Array.prototype.splice()Array.prototype.slice()Array.prototype.concat()Array.prototype

Wes Bos 라는 Full Stack Developer가 운영하는 online Courses 중 무료로 제공하는 챌린지 중에 전반적으로 유명한 챌린지이다.최근 6월까지 엘리스 레이서 1기로써 활동이 종료되고 그동안 React를 주로 웹 프론트엔드 개발을 진행할수록 갈

이전 포스팅에서 Serialize(직렬화) & Deserialize(역직렬화) 에 대한 개요 느낌의 내용을 알아봤다.이번 포스팅은 이러한 방식의 데이터 포맷방식 중, 가장 대표적인 JSON 에 대해서 알아본다.JSON(JavaScript Object Notation)자

왜 조사를 하게 되었나요 ?팀 프로젝트를 하면서 FE(프론트엔드) - BE(백엔드) 사이의 API 통신을 할 때 데이터를 주고받는 과정에서 알고 있어야 하는 지식이라서 정리하게 되었다.먼저, Serial 의 의미를 알아보자.USB 인테페이스 라는 것을 들어본 적이 있을

(= Producer-Consumer Problem, 생산자 소비자 문제)= 공유 버퍼의 크기가 유한한 환경에서 생기는 문제생산자-소비자 문제두 개의 생산자 혹은 소비자가 동시에 데이터 접근 시소비자/생산자 없이 생산자/소비자만 드글드글(자원 부족)아래와 같이 공유버퍼

= lock/unlock 기능, 공유 자원을 획득하게 해준다.앞선, 일반 방식들을 추상화시킨 것Semaphore S == 자원의 갯수Integer variable두 가지 Atomic 연산에 의해서만 접근이 가능함Critical Section of n Processsem

공유하는 하나의 자원에 대해서, 여러 프로세스가 동시에 접근할 때 시간적인 차이로 생길 수 있는 데이터의 불일치문제가 존재할 수 있음 이러한 문제를 해결하고자 하는 것이 프로세스 동기화(Process Synchroniztion)이다.

CPU Burst Time & I/O BurstScheduling Queue프로세스는 CPU Burst 와 I/O Burst가 왔다갔다 바뀌면서 프로그램을 실행CPU Burst : CPU 명령을 실행하는하는 것I/O Burst : I/O 요청한 다음 기다리는 시간CPU

목차 용어 정리 프로세스 프로세서 프로세스 스레드 프로세스 멀티태스킹(Multitasking) 프로세스 상태 PCB(Process Control Block) 문맥 교환(Context Switching) 멀티 프로세스 스레드 스