현서의 개발 일지📚
Java Programming - 중첩 클래스 & 중첩 인터페이스
클래스가 여러 클래스와 관계를 맺는 경우는 독립적으로 선언하는 것이 좋으나, 특정 클래스와 관계를 맺을 경우에는 관계 클래스를 클래스 내부에 선언하는 것이 좋다. 또한 인터페이스도 클래스 내부에 선언할 수 있다. 이런 인터페이스를 중첩 인터페이스라고 한다. class ClassName { class NestedClassName { } } class ClassName { interface NestedInterfaceName { } } 중첩 인터페이스는 주로 UI프로그래밍에서 이벤트를 처리할 목적으로 많이 활용된다. 예를 들어 안드로이드에서는 다음과 같이 View 클래스의 클릭 이벤트를 처리하는 구현 클래스를 만들 수 있다. 중첩 클래스 중첩 클래스는 클래스 내부에 선언되는 위치에 따라서 두 가지로 분류된다..
React - FrontEnd project - 2
axios를 사용하여 API를 연동하겠습니다. Axios // src/lib/api/client.js import axios from 'axios'; const client = axios.create(); /** * 글로벌 설정 예시: * API 주소를 다른 곳으로 사용함 * client.defaults.baseURL =
Advanced Web Programming - 멀티미디어 태그
임베디드 콘텐츠 태그 : 이미지 파일 삽입 : 그래픽 그리기 : 오디오 파일 삽입 : 동영상 파일 삽입 : 미디어 요소 트랙 삽입 : 미디어 소스 삽입 : 개체 삽입 이중 가장 중요하다고 생각되는 몇가지 태그만 적겠습니다. 이미지에 제목 추가하기 [그림1] Test 위와 같이 크기하고 alt, title, 그리고 caption까지 넣을 수 있습니다. 그리고 오디오 파일을 넣고 싶으면 를 멀티미디어를 넣고 싶으면 를 external content와 같은 같은 개체를 삽입하고 싶다면 를 삽입하면 됩니다. ( object.swf, myvideo.mov... ) 이런 말이 있기도 합니다. 또한 현대의 최근 브라우저들은 브라우저 플러그인들을 제거하기 시작했습니다. 또한 이에 의존하는 는 일반적이게 사용되지 않고 ..
React - FrontEnd Project - 1
프로젝트를 만드러 가면서 지금까지 배운 다양한 기술을 활용해 봅니다. 이 과정을 통해 실무에서 프로젝트를 개발할 떄 어떤 방식으로 작업하는지 알 수 있습니다. 라우터 적용 총 다섯 개의 페이지를 만듭니다. LoginPage.js - 로그인 RegisterPage.js - 회원가입 WritePage.js - 글쓰기 PostPage.js - 포스트 읽기 PostListpage.js - 포스트 목록 UI ( 기존에 쓰던 블로그가 날라가서 UI부분은 간략하게 적겠다.. 죄송합니다 ) // src/components/common/Button.js import React from 'react'; import styled, { css } from 'styled-components'; import palette fr..
React - JWT
우리가 만든 서버에 회원 인증 시스템을 구현해보겠습니다. 이 시스템을 구현하기 위해 JWT라는 기술을 사용합니다. JWT는 JSON Web Token의 약자로, 데이터가 JSON으로 이루어져 있는 토큰을 의미합니다. 두 개체가 서로 안전하게 정보를 주고받을 수 있도록 웹 표준으로 정의된 기술입니다. 세션 기반 인증과 토큰 기반 인증의 차이 세션을 기반으로 인증 시스템을 만든다는 것은 어떤 의미일까요? 한마디로 서버가 사용자가 로그인 중임을 기억하고 있는 것입니다. 세션 기반 인증 시스템에서 사용자가 로그인을 하면, 서버는 세선 저장소에 사용자의 정보를 조회하고 세션 id를 발급합니다. 발급된 id는 주로 브라우저의 쿠키에 저장하게 됩니다. 그 다음에 사용자가 다른 요청을 보..