현서의 개발 일지📚
React - FrontEnd Project - 4
3까지 애플리케이션의 회원 인증 시스템이 모두 구현되었습니다. 이번에는 글쓰기 페이지 기능을 구현해 보겠습니다. 글쓰기와 관련된 컴포넌트들은 write라는 이름으로 분류하겠습니다. 에디터 UI구현하기 글을 작성하는 에디터는 Quill이라는 라이브러리를 사용하여 구현하겠습니다. src/components/write/Editor.js import React, { useRef, useEffect } from 'react'; import Quill from 'quill'; import 'quill/dist/quill.bubble.css'; import styled from 'styled-components'; import palette from '../../lib/styles/palette'; import Re..
React - React Router v6
라우팅이란? 웹 애플리케이션에서 라우팅이라는 개념은 사용자가 요청한 URL에 따라 알맞는 페이지를 보여주는 것을 의미합니다. 웹 애플리케이션을 만들 떄 프로젝트를 하나의 페이지로 구성할 수도 있고, 여러 페이지를 구성할 수도 있겠지요 우리가 블로그를 만든다고 가정해봅시다. 블로그 애플리케이션은 주로 여러 페이지로 구성이 되어있습니다. 어떤 페이지가 필요한지, 한번 생각해 봅시다. 글쓰기 페이지 : 새로운 포스트를 작성하는 페이지입니다. 포스트 목록 페이지 : 블로그에 작성된 여러 포스트들의 목록을 보여주는 페이지입니다. 포스트 읽기 페이지 : 하나의 포스트를 보여주는 페이지 입니다. 라우팅 관련 기능을 리액트 라이브러리에서 공식적으로 지원하는 것이 아니라 써드 파티로서 제공되기 때문에 , 이 외에도 re..
React - FrontEnd Project - 3
사용자의 상태를 담을 user라는 리덕스 모듈을 만들었습니다. src/modules/user.js import { createAction, handleActions } from 'redux-actions'; import { takeLatest } from 'redux-saga/effects'; import createRequestSaga, { createRequestActionTypes, } from '../lib/api/createRequestSaga'; import * as authAPI from '../lib/api/auth'; // 새로고침 이후 임시 로그인 처리 const TEMP_SET_USER = 'user/TEMP_SET_USER'; // 회원 정보 확인 const [CHECK, CHECK..
Java Programming - Exception
에러는 JVM실행에 문제가 생겼다는 것이므로 JVM위에서 실행되는 프로그램을 아무리 견고하게 만들어도 결국 실행 불능이 된다. 자바에서는 에러 이외에 예외라고 부르는 오류가 있다. 예외란 사용자의 잘못된 조작 또는 개발자의 잘못된 코딩으로 인해 발생하는 프로그램 오류를 말한다. 예외가 발생하면 프로그램은 곧바로 종료된다는 점에서 동일하다. 그러나 예외는 예외 처리를 통해 프로그래밍을 종료하지 않고 정상 실행 상태가 유지되도록 할 수 있다. 예외에는 두 가지 종류가 있습니다. 바로 일반예외이고 다른 하나는 실행 예외 입니다. 일반 예외는 컴파일러 체크 예외라고도 하는데, 자바 소스를 컴파일 하는 과정에서 예외 처리 코드가 필요한지 검사하기 때문입니다. 실행 예외는 컴파일하는 과정에서 예외 처리 코드를 검사..