FE개발 공부 시작: 23년 4월 10일

PCB 개념도 외워두기 그림 회색하늘색 있는거 기억 우리코드는 힙쪽에 쌓인다. 유동적인 애들이 모이는 곳

✏️TODO [✓] CS 강의 & 스터디 [ ] 리뷰 리스트페이지 [ ] 리뷰 수정페이지 [ ] 폴더구조 정리해서 깃헙 머지 ㄱㄱ [ ] 팀 코드리뷰 -7시반 키워드 픽 체크박스에 필요해서 어쩔수없이 카테고리별 state를 나열해놨는데 더 좋은 방법 있을지 여쭤보기 onSubmit에 preventDefault해놨는데도 입력폼에 엔터 갈기면 제출 되는 이슈 Next 이렇게 쓰면 되는건지 더 좋은 방법에 대해 문의 작성폼, 수정폼을 같은 컴포넌트 사용하는 방법에 대한 문서에 방법 헷갈리는 문의 (참고문서: https://tech.osci.kr/react-hook-form-series-3/) [ ] 리팩토링 - hook으로 기능분리, 합성 컴포넌트 적용해볼 수 있을까?, next 디자인패턴 참고할거있는지 찾아..

(정리예정) 스케쥴링 스케쥴링 중요 라운드로빈 계산 등 선점 3가지 : 우선순위, 라운드로빈(중요. 문제 많이 나옴), 다단계 큐 순으로 점점 발전된 스케쥴링 hrn도 정처기에 많이 나옴 fcfs 보완 우선순위 비선점도 보완보완 동작 차이 선점은 중단 비선점은 프로세스가 알아서하니까 중단 잘 안함 운영체제가 동작하는 방식 가상메모리 큰범위 캐시가 좀 더 작은 범위 메모리 별루 안중요한거같다 시간 , 공간 어쩌고는 알고리즘 자료구조 배울 때 자세히 보면 됨 캐시히트 캐시미스 메모리 할당 쪽이 더 중요한 것 같다. 외부단편화: 다 못들어감 내부단편화: 내부에 공간이 남아서 낭비 페이지 교체 알고리즘 중요 FIFO LRU LFU 사용자 깜빡이는거 더 빠르게 데이터를 가져옴 클라-서버 구조면 서버에서 먼저 데이..

(답변 키워드식으로 아래 정리예정) 특수목적 레지스터 동작과정 cpu 동작방식 하버드/폰노이만 구조(요즘 컴퓨터구조) add a, b a+b 고급언어에서 인터프리터 : 자바스크립트, 파이썬. 한줄한줄씩 번역 컴파일러 언어: 한꺼번에 기계어로 변환 후 실행. 실행시엔 실행만 하면 됨. C언어 ir 메모리버퍼\메모리주소레지스터? 동작방식

✏️TODO [✓] 기술면접 답변정리(~8번질문까지) & 기술면접 타임어택(2시) [✓] 영화 선택 기능 [ ] 리팩토링 - hook으로 기능분리, 합성 컴포넌트 적용해볼 수 있을까?, next 디자인패턴 참고할거있는지 찾아보고 적용 ㄱ [✓] 리뷰 읽기페이지 [✓] 리뷰 삭제기능 [ ] 코드리뷰 오늘은 꼭 받아라 진짜 .. 🤬🤬🤬오늘도 미루면 사람아님🤬🤬🤬

✏️TODO [✓] 임시저장 기능 [✓] 로그인 유저 정보 주스탠드로 받아오는게 안되는데 팀원분께 여쭤보고 수정. 유효성검사도 어떻게 처리하셨는지 같이 물어보기 [ ] supabase에 카테고리 데이터를 다차원 배열로 넣어보기 [ ] 작성폼 코드 리뷰 받기 [✓] 영화 선택부분 문의 -디자이너님과 상의 후 작업하기. 영화 선택 여부, 팝업 형태인지 여부, 로직이 서브페이지에서 작성하는게 아니라 마이페이지에서 작성하는게 맞는지 확인 [ ] 기술면접 어제꺼까지 총 4개 작성해야 됨 ㄷㄷ [✓] CS 강의 및 스터디(2시반) - CPU와 메모리 심화 다른 팀원의 코드를 이해할 수 있는 정도를 목표로 이쯤에 Next 공부를 꼼꼼히 하고 가야될 듯

✏️TODO [✓] 키워드 픽 리뷰(카테고리별 옵션 선택하여 리뷰) [✓] 해시태그 기능 [✓] 리뷰할 영화 정보 불러오기 [✓] 작성 시 유저 id 정보 넣어주기 [✓] 기술 멘토링 -저녁7시 [ ] 레이아웃 관련 기능(탭 메뉴 등) [ ] 임시저장 기능 기술 멘토링 내용 Zustand에서 스토리지에 유저 정보 저장 시 써드파티 라이브러리 사용 추천 persisting store data -> authentication에 많이 활용하는 미들웨어로 좀 더 대중적인 방법임 임시 저장 기능 역시 Zustand의 persisting store data 이용해서 세션스토리지에 저장 리믹스 프레임워크(넥스트 앱 라우터랑 비슷한 프레임워크). 쓰라는거 아니구 어떤거 설명해주시는 중간에 보여만 주신거 Next 서버액..

1. 상태관리를 왜 할까요? 그리고 평소 state(상태) 관리는 어떻게 하시나요? 리액트는 단방향 데이터 흐름으로, data 전달 시 부모 컴포넌트에서 자식 컴포넌트로 데이터 전달이 가능함. 그 자식 컴포넌트에게 주려면 다시 props를 이용하여 연결해줘야하기 때문에 props driling이 발생하여 유지 보수가 어려워지게 된다. 이런 상태 관리를 효율적으로 하기 위한 여러가지 툴들(Redux, react query, zustand 등 )이 존재한다. 보통은 local state로 관리하고, 여러 컴포넌트가 하나의 state에 접근해야 한다거나 Props drilling의 depth가 3단계 이상이라고하면 global state로 관리합니다. 2. Redux가 무엇인가요, 왜 Redux를 사용하시나요..

✏️TODO [✓] CS 1강 [ ] CS 복습 후 키워드식으로 정리해보기 (+중요한 부분도 정리) [✓] 기술면접 2개 작성 [✓] 달력 기능 -Datepicker 라이브러리 사용 [ ] 키워드픽 기능(카테고리별 옵션 선택하여 리뷰) [ ] 태그 기능 👀오늘의 회고..! 오늘 와이어프레임을 정리본 전달받아서 그걸 바탕으로 작업 재시작. 날짜 선택 기능이 생겼길래 Date picker 라이브러리 사용 Ant Design이 예뻐서 잠깐 고민했는데, 그냥 대중적으로 많이 쓰이는 Date picker 라이브러리로 사용하고 디자인은 나중에 custom하기로 결정 ㅇ ㅇ작성예정

남은 마지막 4주는 제일 중요한 기간. 최대한 집중해서 알차게 보내보자 ! 최종프로젝트 목표: ~25(금)까지 기본 기능 완성하기. 맡은 기능 끝내고나서 Next 꼼꼼히 정주행 21(월): 읽기 - 작성 기능 완성 & 피드백 받기 & 반영 22(화): 수정 - 삭제 기능 완성 & 피드백 받기 & 반영 23(수): Next.js 공식문서 정주행 + 다른 기능? 24(목)~ : 인강 밀린거 들으면서 해 + 다른 기능? 이제 매일 해야되는 거 CS: 저번주에 안했으니 이번주는 하루 1강씩 들어 기술 면접: 니도 저번주에 안했으니 이번주에 하루 2개씩 적어 TIL: TIL을 주간스케줄러 쓰듯이 이용ㄱ. 아침마다 9시~9시30분에 오늘 뭐할건지 하루치 스케줄러 작성하고 시작해라 ㄱㄱ 최종프로젝트: 위 일정 준수...