시리즈

개발 공부

1.[SEB_FE_44] Section 1-Unit1 학습 방향

부트캠프 첫 일정으로 앞으로의 학습방향 이해

2023년 2월 13일

2.[SEB_FE_44] Section 1-Unit2 [HTML]기초

HTML기초를 학습하는 와중 궁금증이 하나 생겼다.

2023년 2월 14일

3.[SEB_FE_44] Section 1-Unit3 [CSS]기초

css를 활용해 어떤식으로 html을 디자인 하는지를 배웠다.

2023년 2월 15일

4.[SEB_FE_44] Section 1-Unit4 [HTML/CSS]활용 _ 계산기 목업 만들기

flex속성이용해 계산기 목업 만들기 과제를 진행 하였다.

2023년 2월 16일

5.[SEB_FE_44] Section 1-Unit4 [HTML/CSS]활용 _ 계산기 목업 만들기 2

HTML/CSS활용 계산기 목업만들기 과제 발표후 처음보는 많은 태그들 공부

2023년 2월 17일

6.[SEB_FE_44] Section 1-Unit5 [JavaScript]기초

JavaScript의 기초적인 부분을 배우고 테스트를통해 개념을들 다시 확인하는 시간을 가졌다.

2023년 2월 20일

7.[Javascript] 조건문, 반복문, 변수 할당에서 비교연산자 사용 가능 유무

조건문, 반복문, 변수 할당에서 비교연산자 사용 가능 유무

2023년 2월 21일

8.[Javascript]반복문 사용하여 소수 여부 판단

반복문 사용하여 소수 여부 판단

2023년 2월 22일

9.[Javascript] 계산기 사칙연산 함수 만들기

계산기 사칙연산 함수

2023년 2월 23일

10.Git 이란?

Git에 관한 기본 개념, 용어 설명

2023년 2월 24일

11.[JavaScript] split, slice, for of 문

split, slice, for of 문

2023년 2월 27일

12.[JavaScript] Array.isArray(), break, continue

Array.isArray(), break, continue

2023년 2월 28일

13.[JavaScript] 원시, 참고 자료형 / 얕은, 깊은 복사

원시, 참고 자료형 / 얕은, 깊은 복사

2023년 3월 2일

14.[JavaScript]spread, rest / 구조분해할당 / 화살표 함수

ES6 새로운 문법

2023년 3월 3일

15.[JavaScript]Object.assign(), arguments

Object.assign(), arguments

2023년 3월 6일

16.[JavaScript] DOM이란?

DOM이란?

2023년 3월 7일

17.[JavaScript] DOM element

여러가지 DOM element

2023년 3월 8일

18.[JavaScript] 나만의 아고라스테이츠 만들기

나만의 아고라 스테이츠 만들기

2023년 3월 10일

19.Section 1 마무리 회고

코드스테이츠 FE과정 Section 1을 마치며 회고

2023년 3월 13일

20.[JavaScript] 고차함수, 내장 고차 함수

고차함수와 내장 고차 함수

2023년 3월 14일

21.[JavaScript]클래스, 인스턴스

글래스와 인스턴스

2023년 3월 15일

22.[JavaScript] 객체 지향 프로그래밍

객체 지향 프로그래밍

2023년 3월 15일

23.[JavaScript]프로토타입 체인

class문법에서의 상속

2023년 3월 16일

24.[JavaScript] 콜백함수

콜백함수

2023년 3월 17일

25.[JavaScript] Promise, Async/Await

Promise, Async/Await

2023년 3월 20일

26.[JavaScript] fetch api

fetch api

2023년 3월 21일

27.[React] JSX

React의 JSX문법

2023년 3월 22일

28.[React] React Router

React Router

2023년 3월 23일

29.[React] State, Props

State, Props

2023년 3월 24일

30.[React] dummydata를 이용한 새로운 배열 컨포넌트 추가

버튼클릭 이벤트를 이용한 트윗 추가

2023년 3월 27일

31.HTTP, 네트워크

HTTP, 네트워크

2023년 3월 28일

32.REST API, REST 성숙도 모델

REST API

2023년 3월 29일

33.Postman

Postman 사용

2023년 3월 30일

34.[React] State 끌어올리기

State 끌어올리기

2023년 3월 31일

35.[React] Effect Hook

Effect Hook

2023년 4월 3일

36.[Web Server] CORS, SOP

CORS, SOP

2023년 4월 4일

37.[React] map()메서드를 이용한 Component 반복하기

map을 이용한 컴포넌트 반복

2023년 4월 6일

38.[Express] req.query / req.params / req.body

req.query, req.params, req.body

2023년 4월 7일

39.기술면접 질문 작성

기술면접 질문 작성

2023년 4월 10일

40.재귀함수

재귀함수

2023년 4월 11일

41.와이어프레임 / 프로토타입

와이어프레임 / 프로토타입

2023년 4월 14일

42.[UI / UX] 피터 모빌, 제이콥 닐슨의 10가지 사용성 평가 기준

좋은 UX를 만드는 요소, UI / UX 사용성 평가

2023년 4월 17일

43.Styled Components 라이브러리

Styled Components 사용 방범

2023년 4월 18일

44.Express

Express 간단 정리

2023년 4월 19일

45.[React] 동적인 UI 만들기

React 동적인 UI 만들기 step

2023년 4월 20일

46.[React] 탭, 태그 만들기

탭, 태그 만들기

2023년 4월 20일

47.[React]상태관리

상태관리 과제

2023년 4월 21일

48.[React] Redux

Redux 사용하기

2023년 4월 24일

49.[React] Redux를 이용한 상태관리 과제

Redux 과제 수도코드

2023년 4월 25일

50.React 기본 특징

React 특징

2023년 4월 26일

51.[사용자 친화 웹] 웹 표준 & 접근성

웹 표준 & 접근성

2023년 4월 27일

52.[웹 표준 & 접근성] WAI-ARIA

WAI-ARIA

2023년 4월 28일

53.[인증 / 보안] Cookie

2023년 5월 2일

54.재귀 함수

재귀 함수

2023년 5월 3일

55.[인증 / 보안] Token, OAuth2.0

Token, OAuth2.0

2023년 5월 4일

56.[React] 컴포넌트 화, 컴포넌트 import 에러

컴포넌트 에러 해결

2023년 5월 8일

57.[React] filter, find 메서드 사용 유의점

filter, find 메서드에서의 일치 연산자

2023년 5월 10일

58.[React] 일정시간 뒤 사라지는 컴포넌트

useEffect를 이용한 일정시간 뒤 사라지는 컴포넌트

2023년 5월 11일

59.개인작업 git 명령어, 개념 복습

git 명령어, 개념 복습

2023년 5월 12일

60.솔로프로젝트 과제 - header, footer

솔로프로젝트 header, footer

2023년 5월 15일

61.솔로프로젝트 과제 - 상품리스트

부트스트랩 사용시 수정 어려움

2023년 5월 16일

62.솔로프로젝트 과제 - 모달창

솔로프로젝트 - 모달창 기능구현

2023년 5월 17일

63.API통신시 페이지 렌더보다 늦게 들어올 경우 에러

API통신 react 에러

2023년 5월 18일

64.[React] 컴포넌트 전환 애니메이션 주기

컴포넌트 전환 애니메이션 스텝

2023년 5월 19일

65.[React] custom hook

custom hook 예시 만들기

2023년 5월 22일

66.솔로 프로젝트 - fetch custom hooks으로 변환

fetch custom hooks으로 변환

2023년 5월 23일

67.[Redux toolkit] object 자료 state변경하기

redux toolkit에서 object, array자료형 상태 변경

2023년 5월 24일

68.[Redux toolkit] object자료형 중 원하는 데이터 찾기

Redux toolkit을 이용한 버튼 클릭 시 같은 id값 찾기

2023년 5월 25일

69.localStorage에 특정 데이터 넣기

localStorage에 특정 데이터 넣기

2023년 5월 26일

70.[TypeScript] 기본 문법

TypeScript 기본 문법

2023년 5월 30일

71.[TypeScript] 문법 (열거형, 타입별칭, 타입 추론, 클래스)

TypeScript 열거형, 타입별칭, 타입 추론, 클래스

2023년 5월 31일

72.[TypeScript] 제네릭

TypeScript 제네릭

2023년 6월 1일

73.CORS / Proxy

CORS / Proxy

2023년 6월 7일

74.기술면접 질문 작성

기술면접 질문 작성

2023년 6월 8일

75.Pre-Project

본격적인 Pre-Project 시작

2023년 6월 14일

76.git commit template 설정하기

git commit template 설정

2023년 6월 15일

77.git conflict 에러

git conflict 에러

2023년 6월 16일

78.[Pre-Project] Main page 만들기

Main page

2023년 6월 19일

79.react paginate - styled 컴포넌트 적용

react paginate - styled 컴포넌트 적용

2023년 6월 21일

80.react paginate - pageview버튼

페이지에 원하는 게시물 숫자만큼 바꿔주는 버튼

2023년 6월 22일

81.오름차순, 내림차순 정렬

오름차순, 내림차순 정렬

2023년 6월 23일

82.moment.js 이용한 게시글 작성 시간함수

moment.js 이용한 게시글 작성 시간함수

2023년 6월 26일

83.[Project] 화면 구성

화면 구성

2023년 6월 29일

84.[Project] 템플릿 결정하기

템플릿 결정하기

2023년 6월 30일

85.[Project] 멘토링, 요구사항명세서 수정

멘토링, 요구사항명세서 수정

2023년 7월 3일

86.[Project] 코딩컨벤션

코딩컨벤션

2023년 7월 5일

87.[Project] 프로젝트 초기셋팅

프로젝트 초기셋팅

2023년 7월 7일

88.[Project] 토큰을 이용한 로그인 기능 구현

토큰을 이용한 로그인 기능

2023년 7월 11일

89.[Project] 회원가입 기능 구현

회원가입 기능 구현

2023년 7월 13일

90.[Project]React를 이용한 google reCAPTCHA

react를 이용한 google reCAPCHA

2023년 7월 17일

91.[Project] 회원가입 메일 인증 기능구현

메일 인증기능 구현

2023년 7월 19일

92.[Project] Redux toolkit를 이용한 api데이터 저장

Redux toolkit를 이용한 api데이터 저장

2023년 7월 21일

93.[Github] 깃허브 Readme에 이미지 파일 첨부하기

Readme에 img추가

2023년 7월 28일

94.[Tailwindcss] 공용컴포넌트 props사용

공용컴포넌트 props사용

2023년 9월 12일

95."'EventTarget' 형식에 'parentElement' 속성이 없습니다."에 관한 타입에러

"'EventTarget' 형식에 'parentElement' 속성이 없습니다."에 관한 타입에러

2023년 11월 28일

96.MongoDB 출력 Data <pending> 상태

MongoDB 출력 Data <pending> 상태

2023년 11월 30일

97.AWS Elastic Beanstalk IAM 등록

AWS Elastic Beanstalk IAM 등록

2023년 12월 7일

98.[React] React Draft Wysiwyg사용 시 dropdown 옵션이 내려오지 않는 오류

React Draft Wysiwyg dropdown에러

2023년 12월 31일

99.브라우저에서 요청을 보내기, JavaScript로 요청을 보내기

브라우저에서 요청과 JavaScript로 요청 차이점

2024년 1월 29일

100.[Next]미들 웨어 session 찾지 못하는 에러

미들 웨어 session 찾지 못하는 에러

2024년 2월 28일