분류 전체보기

Parallal Program 하나의 Job을 여러 CPU에서 동시에 처리하는 방식 다른 프로세스로 작업을 포크해가서 처리해서 주는 것 PCB, PT들을 생성해야되고, OS 구조도 만들어야하고 해서 비효율적이다 (공간, 시간) 어떻게 하면 더 효율적으로 할 수 있을까? 프로세스들끼리 비슷한 것 Address Space (Code, data) Privilege (특권?) 리소스 (파일, 소켓 등) 다른 것 - 이렇게 네개! Registers, PC, SP, Process State 스레드 : 같은 것은 공유하고, 다른 것은 개별적으로 가져가자 Thread 많은 프로그램이 동시에 돌아간다 쓰레드들은 같은 주소공간을 공유하기 때문에 쓰레드간 정보 교환이 간단하다 프로세스를 만드는것 보다 가볍다. 시간. 메모리..

라우팅 트랜지션을 적용하면서 공식문서도 찾아보고 여러 글들을 참고했는데, 무언가 실무에 쓸 수 있을 정도로 시원하게 해법을 제시한 곳이 없었다. 덕분에 고민을 많이 하게 되었던 경험이었다. 그래서 이번 포스팅을 할땐 react-transition-group을 도입하려는 사람의 궁금증을 제대로 해소해줄 수 있도록 평소보다 조금 더 친절하게 적어나갔다. 이 글을 읽은 누구라도 내 고민에 공감하고 해결방안을 찾아갈 수 있는 글이 되기를!! [뱅키즈] 6. React-transition-group 라우팅 트랜지션 (1) - 도입하기 에서 공유하고 있는 내용 react-transition-group을 이용해 라우트간 애니메이션 넣기 뒤로가기 버튼 지원 (양방향 슬라이드) 연결된 다른 페이지로 이동할 때에는 오른쪽..

Program Execution의 기본 단위. Multiprogramming : 프로그램을 여러개 Multiprocessing: 프로세스가 여러개. 하나의 job을 처리하는 형태 Pseudoparallelism : 실제로 병행 프로세스인건 아니지만, 사람이 볼때는 그런 것 처럼 느껴짐. 여러 프로세스가 빠르게 돌아가면서 처리됨으로서 동시에 처리되는것 처럼. 프로세스가 가지고 있는것 : 주소 공간, 프로그램 실행 코드, 스택-스택포인터, PC, 레지스터(의 상태), OS에게 요청해서 얻은 리소스 - 등을 프로세스가 갖고 관리한다. Process in OS 각 프로세스는 유니크한 PID로 관리된다. OS에는 프로세스들을 관리하기 위한 Process Table (PT)가 있음. Process Control B..

이전에 쓴 포스팅들을 보면 알겠지만 유튜브나 블로그들에서 리액트 쿼리에 대한 컨텐츠들을 접했고 고스락 프로젝트에 도입을 했었다. 서버에서 받아온 데이터를 캐싱하거나, 에러 핸들링이 편하게 된다는 점이 너무너무 좋았다. My구독의 React Query 전환기 React Query와 상태관리 카카오와 우아한에서 일하시는 분들의 기록이다. 둘 다 비슷한 문제를 겪고 고민했던 내용을 담고 있다. 리덕스에서 비동기 통신을 하고 서버 상태를 관리하기 시작하면서 관리하기 힘들어지고 소스도 비대해지는 문제였다. 정말 신기한건, 뱅키즈에서도 이와 똑같은 문제를 느꼈다. 1. 리액트 쿼리로 전환한 이유 처음 Redux Toolkit을 도입했을땐 정말 신선하게 느꼈다. 고스락 프로젝트에서 좋다고 사용했던 순수 리덕스와 th..

특별할건 없는 단순 구현이지만 많이 고민하고 노력한게 아까워서 적는 포스팅. 앱의 가장 핵심인 돈길을 생성하는 과정을 '돈길 계약하기'라는 워딩을 통해 아이들도 재미있게 느낄 수 있도록 했다. 총 다섯개의 단계를 밟아 정보를 입력하고, 마지막에 사인을 하고 제출하면 계약 영수증이 보여지는 형식이다. 기획과 디자인팀의 노고가 느껴진다. 그리고 저걸 구현한 나도... 기능 하나하나에 많은 공을 들였어서 그런지 특히 애정이 있는 뷰들이다. 팀원과 기술블로그에 대한 이야기을 나눈 적이 있다. 프로젝트 경험을 기록할 때 어렵게 공부하며 사용했던 기술을 정리할 수 도 있고, 어려운 화면을 구현하며 머리 싸맸던 고민을 기록할 수 도 있다. 난 블로그 포스팅에 시간을 꽤 많이 쓰는 편이라, 이 모든것들을 기록으로 남기..

만들어둔 과제 커리큘럼을 찬찬히 다시 보다가. 어라 이거 투두메이트 아닌가? 해서 GDSC 스터디 기간 동안 투두메이트 클론코딩 프로젝트를 시작해보기로. 클론코딩인 만큼 최대한 똑같이 스타일을 넣으려 노력했다. 갖고 있는 산세리프 글꼴을 몇개 넣어봤는데, 프리텐다드였다. 좋아하는 폰트야. 그 외에 이미지나 아이콘 등은 개발자도구 네트워크탭에서 가져오거나 피그마에서 직접 만들어 svg로 내보내 사용했다. 코드를 짜기에 앞서 컴포넌트 구조를 어떻게 짤지에 대해서 고민을 꽤 오래 했었다. 실제 투두메이트를 보면 드래그앤 드랍으로 투두를 옮겨 순서를 바꿀 수 있게 되어 있다. 심지어 다른 카테고리로도! 하지만 - 카테고리별 투두- -카테고리별 투두- 이렇게 분리해놓으면 나중에 드래그앤드랍을 구현할 때 다른 카테..

안녕하세요, FE 코어멤버 한규진입니다. 오늘은 GDSC에서 진행하는 첫번째 대면 스터디입니다!! 리액트를 처음 시작해 봅시다. 리액트 시작하기 리액트를 한번도 안써보신 분은 없는걸로 알고 있으니, 굳이 자세히 적어놓지 않아도 되겠죠. 자세한건 다른 블로그나 책에 나와있으니 보시면 되겠습니다. 간단하게는 이렇습니다. Mac 기준으로 작성합니다. 1. Homebrew 설치 /usr/bin/ruby -e "$(curl -fsSL )" 2. node, npm 설치 brew update brew install node node를 설치하면 npm도 함께 설치됩니다. 나중에 다시 자세히 살펴볼게요. node -v npm -v 제대로 설치되었는지 버전을 확인해봅시다. brew install yarn --ignore-..