본문 바로가기

전체 글209

React Native : 리액트 네이티브에서 styled-components 사용하기 리액트 네이티브에서 스타일을 적용하는 방법에는 style속성(Inline style), StyleSheet, styled-components가 있다. 리액트 네이티브에서 사용할 수 있는 스타일 속성은 웹의 CSS와 비슷하지만, 일부 속성은 동작하지 않거나 다르게 처리될 수 있다. 리액트 네이티브에서 지원되는 스타일 속성들은 Image Style Props · React Native 에서 확인할 수 있다. Style 속성style 속성은 태그 내에 직접 스타일을 작성하는 방식이다. import React from 'react';import { Text, View } from 'react-native';function App(): React.JSX.Element { return ( 코딩쥐.. 2025. 2. 23.
프로젝트 회고 - 02. Pitchplay 프론트엔드를 위주로 작성했던 프로젝트로, Pitchplay를 회고하면서 프론트엔드에서 고쳤으면 좋았을 법한 것들에 대하여 작성해보려고 한다.  - component, container, page 프로젝트를 시작하면서 component, container, page로 나눠서 파일들을 정리하려고 했다. 프로젝트를 시작하기 전에는 차이점이 이해가 된 것 같았는데, 프로젝트를 진행하면서 component, container, page의 경계가 없어지는 것이 느껴졌다. 프로젝트 회고를 통해서 이 점에 대해서 확실하게 정의하고 가고자 한다. component : UI 요소를 정의, 데이터를 직접 관리하지 않고 props를 통해 데이터를 받음container : 상태관리를 정의, 데이터를 props로 전달page :.. 2025. 2. 11.
프로젝트 회고 - 01. Komofunding 프로젝트를 회고하면서 많은 부분을 놓치며 완성했다는 사실을 깨달았다. 만들어지지 않은 기능들도 있었고, 시간에 쫓겨 완성만을 위해 코드를 작성했다는 것이 눈에 보였다. 물론 그 당시에는 나의 최선이었음을 알지만, 회고를 하면서 고칠 수 있는 부분은 고치고 공부도 해보자는 생각이 들어서 짧게나마 글을 작성해놓는다.  - @Builder 사용법 @Builder 어노테이션은 객체를 생성할 때 사용하는 패턴으로,  생성자를 통해 객체를 생성하는 것보다 가독성이 좋으며 순서에 상관없이 값을 삽입할 수 있다. 회고 전 프로젝트에서는 JPA 엔티티 클래스에서 @Builder, @NoArgsConstructor와 @AllArgsConstructor을 같이 사용했다. @NoArgsConstructor의 생성자에 접근 제.. 2025. 2. 7.
JPA: 엔티티 매핑 Entity 클래스를 생성하여 데이터베이스 테이블과 매핑하기 위해 사용되는 어노테이션은 아래와 같다.  Entity 매핑@Entity : JPA가 관리하여 테이블과 매핑되는 클래스이다. public 또는 protected생성자가 필요하다. final, enum, interface, inner 클래스는 엔티티로 사용할 수 없다.@Entity @Table : 엔티티와 매핑할 테이블을 지정한다.@Table( name="테이블 명", catalog="카탈로그명(MariaDB나 MySQL은 데이터베이스 이름이 사용됨)", schema="테이블이 속할 스키마 지정", uniqueConstraints={@UniqueConstraint(columnNames ={"유일한 값 보장 컬럼"})}) Fi.. 2025. 1. 14.
Spring : HATEOAS에 대해서 HATEOAS(Hypermedia As The Engine Of Application State)는 클라이언트와 서버 간의 상호작용을 동적으로 할 수 있도록 돕는 방식이다. 단순히 데이터만 포함하는 것이 아니라, 이 데이터와 관련된 추가적인 액션을 할 수 있는 하이퍼링크를 포함하여 해당 하이퍼링크를 따라가 애플리케이션 상태를 변화시키는 역할을 한다. HATEOAS시작하기1. Dependencies에 Spring HATEOAS를 추가한다.  implementation 'org.springframework.boot:spring-boot-starter-hateoas' 2. 보낼 데이터 객체를 생성한다. 레코드 타입의 UserDTO를 생성한다. package com.example.exercise1.dto;pub.. 2024. 11. 9.
Spring : JSON 데이터 처리에 대해서 @JsonIgnore Jackson 라이브러리에서 제공하는 어노테이션으로, 특정 필드를 JSON 직렬화 및 역직렬화 과정(객체를 JSON,XML 등으로 변환하는 것을 직렬화라고하고, 저장된 데이터를 다시 객체로 변환하는 과정을 역직렬화라고 한다.) 에서 무시하도록 지정하는 기능을 한다. 주로 클라이언트에게 전달하고 싶지 않은 데이터나 불필요한 데이터 전송을 줄이기 위해 사용된다. 접근자/변경자(필드, getter/setter, 생성자 매개변수) 중 하나에만 추가하면 전체 속성에 영향을 끼친다. @JsonIgnore 사용하기1. DTO 생성 및 @ JsonIgnore 적용// UserDTOpackage com.example.project1.dto;import com.fasterxml.jackson.anno.. 2024. 11. 3.

티스토리툴바