TIL (TODAY I LEARN)

인공지능 웹 서비스 프로젝트 진행 중

인공지능 웹 서비스 프로젝트 진행 중 (사진 업로드 및 미리보기)

사진 드래그 앤 드롭(drag & drop) 기능 구현

Header navigation bar 반응형 구현

메인 기능 페이지 추가 컴포넌트 생성, 반응형 리팩토링, 로그인폼 ui 생성

회원가입 폼 ui 생성, 리팩토링 (eslint, prettier, config), 메인 페이지 ui 작업 중

메인페이지 디자인 구성 ,반응형 페이지를 위한 리팩토링

로그인 ,회원가입 폼 - 각 항목에 대한 validation 적용 (요소 길이, 이메일 형식 - 정규표현식 사용), restful한 기본 api 요청 구현

인공지능 웹 서비스 프로젝트 진행 중 (2022-11-14 ~ ) navigation bar 반응형으로 사이즈를 줄이면 드롭다운 메뉴가 되는 navbar 상태 관리 - 다른 영역을 클릭하거나 창 크기를 리사이징을 하면 드롭다운 메뉴가 없어지지 않는 문제 발생 첫 번째 시도 - setTimeout()으로 시간적 차이를 주고 onBlur 이벤트를 활용 ...

아임포트 모듈 추가 (결제 api), 결제 페이지 구현삼항 연산자를 && 논리연산자로 변경

로그인 관련 refresh 토큰을 관리하는 방법으로 axios interceptor response 추가 (axios response 요청을 받을 때, 토큰 만료 에러를 잡아서 토큰을 갱신하고 진행)로그인 관련 로그아웃 부분 수정 (모달창, 네비게이션 바 반응 수정)판

로그인 관련 axios 인터셉터 부분 수정백엔드와 에러 관련 부분 수정(api 요청 중에 에러를 잡지 못하는 현상 발생 - 리프레시 토큰이 갱신되지 않음)

판매 페이지 동전 추가 모달창 추가useEffect hook 으로 api 요청을 보내고 받은 데이터로 페이지를 구성할 때, 오류 발생 해당 데이터를 useState로 관리하기 때문에 발생한 문제로 생각되서, 초기값을 좀 더 구체적으로 변경 => 데이터를 받아오기 전에

인공지능 웹 서비스 프로젝트 (22-11-14 ~ 22-12-16 종료) 및 알고리즘 문제 풀이

Array.fill() 메서드 사용 중 문제 해결 (Array.from()), 언더바(_) 변수, 알고리즘 공부 (정수론) - 최대공약수, 최소공배수, 패턴

자바스크립트 개념 공부(Ajax)

비동기 프로그래밍, 자바스크립트 동작 원리 (콜스택, 힙, 실행 컨텍스트 스택, 태스크 큐, 이벤트 루프)

자바스크립트 동작원리(실행 컨텍스트)

취업지원제도 상담 과제 (이력서 작성)

취업지원제도 상담 - 이력서 및 자기소개서 컨설팅

개발 관련 서적 완독

프리티어(Prettier) ,웹팩(webpack)

리액트 동작 원리 (JSX구문, 컴포넌트)

리액트 동작원리 (가상 DOM)

리액트 동작원리 (컴포넌트 - 이벤트 속성)

취업지원제도 과제 이력서 작성

타입스크립트 소개, 만들어진 이유, 필요한 이유

타입스크립트 타입

타입스크립트 클래스, 인터페이스, 제네릭

타입스크립트 기본 강의 수강 (개념, 타입, 클래스, 인터페이스, 제네릭 등)

타입스크립트 복습

노마드코더 강의 줌 클론 코딩 (webSocket 웹소켓)

자바스크립트 es6 문법 (변수 키워드, 화살표 함수, this 컨텍스트, 스프레드, 구조분해, 레스트 등)

취업지원제도 이력서 작성

리액트와 SPA(single page application)

리액트 컴포넌트 CSS 스타일링

테일윈드 CSS 설치 및 세팅, 텍스트, 박스 모델

테일윈드 CSS flex, daisyui CSS

리액트 클래스 컴포넌트 vs 함수 컴포넌트, 훅

리액트 훅

리액트 훅(hook)과 setInterval API로 시계 만드는 예제 연습하기 (useEffect, useState, setInterval), useMemo, useCallback

리액트 훅 useState, useEffect, 커스텀 훅 사용해보기

useRef 훅 연습

useContext 훅

리덕스redux (리덕스 저장소, 리듀서, 액션)

리덕스redux - 리듀서reducer

리덕스redux 미들웨어

트렐로 클론코딩 예제 연습

리액트 라우터 - URL, 기본 설정,(BrowserRouter, Routes, Route) ,각종 훅(useNavigate 등), 중첩 라우팅 (Outlet 컴포넌트)

리액트 라우터 - 비공개 라우트 , 로그인, 회원가입, 로그아웃 기능

mongoDB(몽고DB)

nodejs 익스프레스 프레임워크 express framework 로 REST API 서버 만들어보기

리액트 CRA(create-react-app)

프로그래머스 코딩테스트 문제 풀이

알고리즘(다익스트라), 코딩문제풀이(연결리스트,스택), 우분투 apt 명령어 정리

코딩문제풀이 - 백준 5397번, 리눅스 명령어 정리

코딩문제풀이, 리눅스 명령어 정리 (강의 복습 겸 정리), asset 파일 만들기 (NPC sprite sheet), 포트폴리오 작업

코딩문제풀이, 프로세스 간단 정리

리눅스 명령어 정리 (강의 내용 정리) - 시스템,프로세스 관련 명령어(ps, systemctl등) , 코딩 문제 풀이 (브루트포스 알고리즘)

포트폴리오 프로젝트 진행 중

포트폴리오 프로젝트 진행 중

포트폴리오 프로젝트 진행 중