profile
천천히, 완벽히 배워나가고자 하는 웹 서비스 엔지니어
post-thumbnail

[JAVA8] Optional

오늘은 JAVA8의 특징 중 하나인 Optional에 대해 간략히 알아보도록 하겠다.Optional은 기존에 null 체크 로직에 대한 개선을 목표로 만들어진 클래스이다.위 예시는 기존에 null 체크를 진행하던 방식이다.위와 같은 방식은 null 체크를 전적으로 개발

2021년 12월 11일
·
0개의 댓글
·
post-thumbnail

[JAVA8] Stream

오늘은 JAVA8에서 유용하게 사용되는 stream에 대해 좀 더 알아보고자 한다.기본적으로 Stream은 데이터를 담고있는 저장소가 아니라는 것을 짚고 넘어가야 한다.데이터를 담고있는 저장소라 함은 List, Map, Array 등의 Object를 의미한다.하지만,

2021년 12월 5일
·
0개의 댓글
·
post-thumbnail

[JAVA8] 자바 8 API의 기본 메소드 & 스태틱 메소드

오늘은 자바 8 API 중 자주 사용되는 기본 메소드/스태틱 메소드에 대해 알아보도록 하겠다.forEach는 Iterable 형태의 Object에 대해 순회하며 무언가를 처리할 때 사용된다.forEach의 param형태는 앞서 배운 함수형 인터페이스 중 하나인 Cons

2021년 12월 5일
·
0개의 댓글
·
post-thumbnail

[JAVA8] 인터페이스 변화

오늘은 JAVA8에서 변화된 내용 중 하나인 인터페이스의 변화에 대해 알아보도록 하겠다.기존에 Interface에 대해 공부한 사람들이라면 Interface는 함수에 대한 선언부만 작성할 뿐, body 구현은 이를 implement한 class에서 Override하는

2021년 12월 5일
·
0개의 댓글
·
post-thumbnail

[JAVA8] 함수형 인터페이스

오늘은 JAVA8부터 지원하는 특징 중 하나인 함수형 인터페이스에 대해 이야기 해보고자 한다.추상 메소드를 단 하나만 가지고 있는 인터페이스@FunctionalInterface 어노테이션을 갖는 인터페이스여기서 추상 메소드를 단 하나만 가지고 있는 인터페이스라는 의미는

2021년 12월 5일
·
0개의 댓글
·
post-thumbnail

[Front] React 소스 구현(6) - NavBar

본 게시글은 src/component/route/경로의 NavBar에 대한 소스 리뷰로써 개인적으로 진행하는 toy project의 일부입니다.각 페이지 상단부에 상시 노출되는 네이게이션바 역할해당 소스는 아래 빨간 영역을 구성하는 부분이다.해당 페이지 뿐만 아니라 모

2021년 10월 16일
·
0개의 댓글
·
post-thumbnail

[Front] React 소스 구현(5) - RouterComponent

본 게시글은 src/component/route/경로의 RouterComponent에 대한 소스 리뷰로써 개인적으로 진행하는 toy project의 일부입니다. 전체 소스 roll 해당 소스는 사용자가 접근하는 path에 따라 어떤 component로 이동할지 분기

2021년 10월 16일
·
0개의 댓글
·
post-thumbnail

[Front] React 소스 구현(4) - ApiService

본 게시글은 ApiService에 대한 소스 리뷰로써 개인적으로 진행하는 toy project의 일부입니다. 전체 소스 roll Front와 Back 사이 API 호출을 처리하기 위한 컴포넌트 소스 분석 소스 분석에 앞서 axios의 개념에 대해 이해가 선행되어

2021년 10월 16일
·
0개의 댓글
·
post-thumbnail

[Front] React 소스 구현(3) - AddListComponent

이번 게시글은 src/component/user/경로의 AddUserComponent에 대한 소스 리뷰로써 개인적으로 진행하는 toy project의 일부입니다. 전체 소스 roll 해당 소스는 사용자 목록 중, 추가로 사용자를 등록하려 할 때, 호출되는 컴포넌트

2021년 10월 16일
·
0개의 댓글
·
post-thumbnail

[Front] React 소스 구현(2) - EditUserComponent

이번 게시글은 src/component/user/경로의 EditUserComponent에 대한 소스 리뷰로써 개인적으로 진행하는 toy project의 일부입니다. 전체 소스 소스 역할 해당 소스는 사용자 목록 중, 특정 사용자의 데이터를 수정하고자 할 때, 호출되

2021년 10월 16일
·
0개의 댓글
·
post-thumbnail

[Front] React 소스 구현(1) - UserListComponent

이번 게시글은 기본적인 개발환경을 구축한 상태라는 가정하에 React를 통한 front 개발과정을 노트하려 한다. 본 작성글은 프로젝트 전체 소스가 아닌 일부 컴포넌트(UserListComponent)에 대한 소스 리뷰이며 계속해서 남은 컴포넌트들에 대해 작성해보도록

2021년 10월 16일
·
0개의 댓글
·
post-thumbnail

fetch 함수

-Fetch함수 다루기

2021년 10월 8일
·
0개의 댓글
·
post-thumbnail

Vue.js 입문

오늘은 Vue.js에 대해 조금 끄적여 보려한다. Vue.js의 기본적인 정의와 흐름에 대해서 살펴보겠다. 1. 프론트엔드 프레임워크 종류 Vue.js > 구글 크리에이티브 랩스에 근무하던 에번 유가 개발한 웹 페이지 개발을 위한 프론트엔드 프레임워크 간단히 Vu

2021년 10월 6일
·
0개의 댓글
·
post-thumbnail

조건문 작성패턴 3가지

오늘은 리액트에서 자주 사용하는 조건문의 형태에 대해 알아보도록 하겠다.if문을 사용하는 방식은 다른 언어를 배워본 사람이라면 익숙한 부분일 것이다.위와 같은 형태로 조건에 따라 로직을 분기 처리하며 비교적 쉬운 방법이지만 리액트의 JSX 영역 내부에선 if문 사용이

2021년 10월 1일
·
0개의 댓글
·
post-thumbnail

Chapter 19. if문 사용하기

오늘은 if문을 사용하는 방법에 대해 배워보도록 하겠다.이전 챕터에서 JSX에선 if문을 사용할 수 없다고 말했었다.그러므로 JSX 바깥에서 if문을 사용하는 방법에 대해 알아보도록 하자if문은 대부분의 프로그래밍 언어에서 사용하는 조건문이다.React에서도 if문은

2021년 9월 18일
·
0개의 댓글
·
post-thumbnail

Chapter 18. 삼항연산자

오늘은 삼항연산자에 대해 알아보도록 하겠다.일반 조건문과 어떻게 다른지, 어떻게 사용하는지 함께 정리해보도록 하자우리는 보통 조건문을 사용할 때, if문을 통해 해결한다.if문은 조건문으로 많이 사용되지만 JavaScript에선 사용할 수 없다.JavaScript에서

2021년 9월 17일
·
0개의 댓글
·
post-thumbnail

Chapter 17. defaultProps

오늘은 defaultProps에 대해 알아보도록 하겠다.이름에서 조금은 유추되듯이 이것도 props와 연관된 것인데 어떻게 사용되는지 알아보도록 하자우리는 A컴포넌트에서 B컴포넌트로 데이터를 전달하고 싶을 때, props를 통해 처리한다고 배웠다.그럼 만약, A컴포넌트

2021년 9월 17일
·
0개의 댓글
·
post-thumbnail

Chapter 16. prop-types

오늘은 prop-types에 대해 배워보도록 하겠다.prop-types가 어떤 이유로 사용되고 어떻게 사용되는지 살펴보도록 하자.우리는 과거 props를 통해 데이터를 전달하는 방법에 대해 배워보았다.이를 바탕으로 다시 한번 코드를 구현해보도록 하자.전반적인 소스 설계

2021년 9월 17일
·
0개의 댓글
·
post-thumbnail

Chapter 15. 구조 분해 할당

이번엔 이전 Chapter에서 axios로 데이터를 가져온 값을 다른 방식으로 저장하는 방법에 대해 알아보도록 하겠다. 1. 기존 데이터 저장 방식 기존에 우리가 axios를 통해 데이터를 가져오고 이를 저장할 땐, 아래와 같은 코드를 사용했다. 우리는 최초에 외

2021년 9월 12일
·
0개의 댓글
·
post-thumbnail

Chapter 14. axios 데이터 출력

오늘은 이전 Chapter들에서 배웠던 내용을 토대로 axios를 통해 받아온 데이터를 state, map을 통해 출력하는 것을 진행해보도록 하겠다.우선, axios를 통해 외부로부터 데이터를 가져오는 함수부터 만들어보도록 하겠다.getMyData라는 함수명으로 새로운

2021년 9월 11일
·
0개의 댓글
·