💻개발자가 되기 위한 프로젝트(8)💻

✔ 8일차(2023.02.21.화)

1. AM 08:30분 ~ 11:30분 : 컴퓨터 공학 기초[Arithmetic operations(R-type, I-type)]

  - 용어 정리 -> 노션)

 - (참고) 컴퓨터 공학 기초[Arithmetic operations(R-type, I-type)]

  - [학습] : PC 구성 요소(Adder, ALU, Control, Register, Memory, MUX), Abstract Picture of MIPS(MIPS의 추상화), LW(Load Word)의 경우, Datapath for Load&Store, DataPath for Branch, Integrated one, 주 제어 Unit의 설계(R-Type Instruction, Load or Store Instruction, Branch Instruction)

1 :  PC 구성요소 / 2 : Abstract Picture of MIPS / 3 : LW의 경우 / 4 : Load of Store Instrcution

 2. PM 13:00분 ~ 15:30분 : JavaScript 기본기 다지기

   - 용어 정리 및 실습(CSS in JS -> CSS Module, CSS Preprocessor(전처리기), CSS와 Browser, [CSS in JS 문제점], *용어정리 - 노션)

   - (참고) JavaScript 기본기 다지기

1 : CSS Module / 2 : CSS Preprocessor / 3 : CSS in JS / 4 : CSS in JS[문제점] / 5 : CSS in JS 문제를 해결하기 위한 라이브러리's(그래프)

3. PM 15:40 ~ 16:40분 : 자료구조 학습(Python Dictionary 5문항[문제 풀이])

   - 문제 풀이 (33~37번)

   - (참고) Python dictionary(문제)

1 : 33 ~ 35번 풀이 / 2 : 36 ~ 37번 풀이 / 3 : OutPut

4. PM 16:50 ~ 19:00분 : React 기본기 다지기

  - JS방식, JSX 표현식, React Props(children), 폴더 분리(Expenses/UI -> 많은 양의 파일을 보다 보기 쉽게 정리[유지보수에도 용이함])

  - (참고) React 실습

1 : OutPut / 2 : App.js[Main] / 3 : Expense.js[Sub] / 4 : 폴더 분리(유지보수를 위해서) / 5 : ExpenseItem.js[Sub-Item] / 6 : Card.js[Sub-Item-Part]

-> CS 공부를 하는 이유는 개발을 하는데 있어서 컴퓨터의 구조와 원리, 가장 기초적인 부분이라도 알고 개발을 하는게 맞다는 생각이 컸고 개발을 하는데 있어서도 가장 중요한 것은 컴퓨터가 어떻게 동작하고 실행되는지는 알아야 한다고 생각하여 어려운 지식이 아닌 기본기를 다지면서 개발을 하고자하는 생각에 CS를 따로 학습을 하고 있다. 그리고 만약 문제가 발생했더라도 CS의 지식을 알고 있느냐 없느냐도 내가 어느 분야에 가더라도 꼭 알아야 하는 부분에서도 막힘없이 말하고 내자신에게도 답답해 하는 경우가 발생하지 않도록 방지하고자 이다.

 

-> JS 프로그래밍 언어를 하는 이유는 React를 하기 위함이라기 보다 웹 개발에 있어서 HTML, CSS 다음으로 JS는 가장 중요한 언어이기 때문이다. JS 언어로 프론트 개발과 백엔드(서버)까지 개발을 할 수 있는 폭넓은 언어이기도 하면서 가장 접하기도 쉬운 언어이고 필수이기 때문이다. 물론 내가 가고자 하는 것은 FE개발자 이기 때문에 정말 기본 프로그래밍 언어이기도 하기 때문이다. 현재는 EVENT까지 진행중이며, 이전 변수, 함수 등 사용법을 학습하였으며, 학습하는 동안 모르는 부분들은 노션 링크에 들어가면 자세하게 1부터 10까지 궁금한 것들을 메모해 두었다. 이걸 왜 메모하나? 그런 소릴 할 정도로 적었으며, 나에게는 모르는 파트이기에 꼭 알아야하는 기본이라 생각하여 그렇게 학습 중이여서 조금 진도가 느리지만 확실한 승부수를 갖추기 위해 계속해서 나아가는 중이다.

 

-> Python 자료 구조를 학습하면서 JS의 문법보다 단순하지만 자료구조를 학습하는데 있어서 쉽게 익히고 문제를 풀면서도 JS방식 보다는 Python 문법이 친숙하고 간편했다. 현재는 Dictionary 문제를 풀고 있지만, 이전에는 list, tuple 문제를 풀면서 가장 기초적인 문제를 풀면서 자료구조에 대해서도 함께 학습중에 있다.

 

-> React를 공부하면서 JS의 문법을 적용하는 가장 기본기를 다져가고 있으며, Props를 통해서 좀더 용이하게 App에서 동작 할 수 있게 Code를 만들고 있지만, JS문법에도 익숙하지 않기에 JS문법도 잘 다져놓고 React 심화단계 가기 전 학습에 지장이 없도록 할 계획이다! 현재 React 단계는 JSX 표현식을 활용하여 JS문법, Props활용, Component를 활용하고 분리하고 보수작업에도 용이할 수 있게 폴더를 분리하여 한 곳에 같은 영역끼리 묶어서 작업하는 단계를 현재 배웠다. JS에 익숙해질 때 쯤이면 React 심화를 할때에도 큰 문제없이 진행이 되지 않을까 예상해본다! :)