현서의 개발 일지📚

Data-Structure - Stack

#include #include #include #define MAX_STACK_SIZE 100 #define ERROR_KEY -100 #define MALLOC(p, s) \ if (!((p) = malloc(s))) \ { \ fprintf(stderr, "Insufficient memory"); \ exit(EXIT_FAILURE); \ } #define REALLOC(p, s) \ if (!((p) = realloc(p, s))) \ { \ fprintf(stderr, "Insufficient memory"); \ exit(EXIT_FAILURE); \ } typedef struct { int key; } element; int top = -1; int capacity = 1; element *..

Next.js - _document와 _app에 대하여

Next.js에는 두 가지 중요한 기본 페이지가 있습니다. 뱌로 _document와 _app입니다. _document와 _app은 페이지에 공통적으로 적용될 내용을 작성하곤 하는데, 둘이 정확히 어떻게 다른지와 어떤 내용을 작성해야 하는지에 대해 정리해 보겠습니다. App페이지 _app은 서버로 요청이 들어왔을 때 가장 먼저 실행되는 컴포넌트로, 페이지에 적용할 공통 레이아웃의 역할을 합니다. 규칙 1. Component 속성값은 서버에 요청한 페이지가 됩니다. (Ex http://localhost:3000/home에 접속하면, Component는 home컴포넌트를 가리킵니다.) 2. pageProps는 getInitialProps, getStaticProps, getServerSideProps중 하나를..

Java Programming - Basic API Class

API도큐먼트는 쉽게 API를 찾아 이용할 수 있도록 문서화한 것을 의미한다. 다음 페이지를 방문하면 볼 수 있다. https://docs.oracle.com/javase/8/docs/api/ Java Platform SE 8 docs.oracle.com java.util 패키지 java.util패키지는 자바 프로그램 개발에 조미료 같은 역할을 하는 클래스를 담고 있다. 컬렉션 클래스들이 대부분을 차지하고 있는데, 컬렉션 클래스들은 나중에 다룰 것이다. 우리가 기본적으로 extends를 해주지 않으면 java.lang.Object클래스를 상속하게 된다. 객체 비교(equals()) 자바에서는 두 객체를 동등 비교할 때 equals() 메소드를 흔히 사용한다. 논리적으로 동등하다는 것은 같은 객체이건 다른..

React - FrontEnd Project - 6

PostActionButtons 컴포넌트 포스트를 읽는 화면에서 포스트 작성자에게만 포스트 상단에 수정 버튼과 삭제 버튼이 나타나도록 렌더링 해보겠습니다. 이 버튼의 style은 common Button스타일과 다르므로 그냥 만들도록 하겠습니다. src/components/post/PostActionButtons.js import React from 'react'; import styled from 'styled-components'; import palette from '../../lib/styles/palette'; const PostActionButtonsBlock = styled.div` display: flex; justify-content: flex-end; margin-bottom: 2rem..

React - FrontEnd Project - 5

지금까지는 회원 인증 시스템과 글쓰기 기능의 구현을 완료했습니다. 이번에는 등록한 포스트를 조회할 수 있는 기능을 구현하겠습니다. 포스트를 읽는 것에는 두 가지가 있는데 첫 번째는 포스트 하나를 읽는 포스트 읽기 기능이고, 두 번째는 여러 포스트를 조회하는 포스트 목록 기능입니다. PostView UI src/components/post/PostView.js import React from 'react'; import styled from 'styled-components'; import palette from '../../lib/styles/palette'; import Responsive from '../common/Responsive'; const PostViewBlock = styled(Respo..