본문 바로가기

React

💻개발자가 되기 위한 프로젝트(93)💻 06.18.2023 - 학습 일지 Mini Project - FE(Board) - React - VsCode - MySQL ✔ [진행 내용] ✔ Mini Project - FE(Board) 1. Package : react-cookie, zustand, mui/icons-material 2. props를 이용하여 http통신때 login, signUp시에 db data를 잘 save하고 값이 일치하면 SignUp은 Login View로 넘아가고 그게아니라면 SignUp View에 머무르는 형태로 유지 3. Login 성공시 message를 남기지 않고 Login View에 유지, 그게 아니라면 message로 'login fail'로 알려줌 4. UI : SignUp, SignIn 부분 버튼과 text부.. 더보기
💻개발자가 되기 위한 프로젝트(76)💻 1. AM 09:00 ~ PM 18:00분 : BE(백엔드 KDT) - Intellj [DB Connection => MySQL(Configurations에 variables를 통해서 db host, name, password 호출시에만 동작하도록 보안을 강화하기 위해서 작성하고 Connection Test까지 진행함)] - MySQL [Schema 생성 및 table add] - Insert 작업을 통해서 data가 잘 들어갔는지 select문으로 check함, 그리고 main method에 다 적지 않고 main method는 인스턴스화 하여 참조변수로 각 method기능들을 호출하는 형태로 진행함. 각 메소드의 기능별로 naming을 하고 query문까지 작성함. 2. 미니 프로젝트 [게시판 만들기.. 더보기
💻개발자가 되기 위한 프로젝트(75)💻 1. 미니 프로젝트 [게시판 만들기] - FE : React.js(TS) - BE : SpringBoot(JDK17, Gradle) - DB : MySQL[SpringBoot Connection(Test)], PostMan[React Connection(Test)] - FE에서는 BackEnd Server와 Connection이 잘되는가 그리고 DB Post작업을 통해서 회원가입 버튼으로 BackEnd와 HTTP Request, Response가 원활하게 이루어지는지 Test를 하고 간단한 기본적인 셋팅을 진행하였으며 FE의 작업은 크게 비중이 높지 않았다. BE에서는 FE에서도 요청을 보낼시 HTTP Request, Response까지 Build에서 Data가 잘 들어오는가까지 확인하는 작업까지 진행했.. 더보기
💻개발자가 되기 위한 프로젝트(74)💻 1. 미니 프로젝트 [게시판 만들기] - FE : React.js(TS) - BE : SpringBoot(JDK17, Gradle) - DB : MySQL - FE를 하기 위해 VSCode IDE를 이용하여, React 라이브러리를 이용하여 초기 환경 셋팅하여 View단에도 통신이 잘되는가를 Test하고, BE를 하기 위해 Intellj IDE를 이용하여 SpringBoot 라이브러리를 이용하여 초기 환경 셋팅을 하고 View단에도 통신이 잘되는가를 Test하였으며, DB를 사용하기 위해 Local로 접속하여, Test를 하기 위해서 스키마를 생성하고 구현하고자 하는 테이블을 만들기 전 주석으로 초기 설정할 컬럼들을 정리하는 작업을 진행 중에 있으며, 추후 프로젝트가 마무리 될때 쯤에 AWS 인스턴스를 .. 더보기
💻개발자가 되기 위한 프로젝트(10)💻 ✔ 10일차(2023.02.23.목) 1. AM 08:30분 ~ PM 12:00, PM 13:10 ~ 14:40분 : 컴퓨터 공학 기초[The data path for MIPS R-type ALU & I-type ALU] - 용어 정리 -> 노션) - (참고) 컴퓨터 공학 기초[The data path for MIPS R-type ALU & I-type ALU] - [학습] : Loader - BIOS, Sector, Magic Number, MBR(Master Root Record), Kernel, Entry Point, ELF(Executable and Linkable Format), EKF Header, Program Header Table / Low-Level Kernel Initializatio.. 더보기
💻개발자가 되기 위한 프로젝트(9)💻 ✔ 9일차(2023.02.22.수) 1. AM 08:30분 ~ 10:40분 : 컴퓨터 공학 기초[MIPS instruction execution engine implementation] - 용어 정리 -> 노션) - (참고) 컴퓨터 공학 기초[MIPS instruction execution engine implementation] - [학습] : 데이터패스의 동작 - R형식 명령어의 실행과정, 적재(lw)명령어의 실행과정, 저장(sw)명령어의 실행과정, 분기(beq)명령어의 실행과정, 점프(Jump)명령어의 실행과정, Control Instructions(jump, branch), DataPath for Branch 2. PM 12:30분 ~ 14:30분 : JavaScript 기본기 다지기 - 용어 정.. 더보기
💻개발자가 되기 위한 프로젝트(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 Instr.. 더보기
💻 개발자가 되기 위한 프로젝트(7)💻 ✔ 7일차(2023.02.20.월) 1. AM 08:30분 ~ 10:50분 : 컴퓨터 공학 기초[Understandings of MIPS integer ISA] - 용어 정리 -> 노션) - (참고) 컴퓨터 공학 기초[Understandings of MIPS integer ISA] - [학습] : ALU 제어, ALU제어 신호의 종류 6가지, 명령어별 ALU 제어신호, Instruction Opcode, ALU OP, Instruction Operation, Funct filed, Desired ALU action, ALU control input, 4bit ALU 제어신호를 위한 진리표, 7개 제어신호의 기능, 제어유닛(Control Unit) 2. AM 11:00분 ~ PM 12:30분 & PM 13.. 더보기