솜이의 데브로그

Reference : 처음배우는 리액트 네이티브 와이어프레임이란 최종 화면에 구성될 콘텐츠를 간단히 요약해서 보여주는 것이다. 컴포넌트 : 재사용할 수 있는 조립 블록으로, 화면에 나타나는 UI요소. JSX JSX : 객체 생성과 함수 호출을 위한 문법적 편의를 제공하기 위해 만들어진 확장 기능. XML과 유사하다는 점에서 중첩된 구조를 잘 나타낼 수 있다는 장점이 있다. 여러 개의 요소를 표현할 경우 반드시 하나의 부모로 감싸야 한다. import { setStatusBarStyle, StatusBar } from 'expo-status-bar'; import React, {Fragment} from 'react'; import { StyleSheet, Text, View } from 'react-na..

Reference : 모두의 네트워크 5장. 네트워크 계층 : 목적지에 데이터 전달하기 네트워크 간의 연결 구조 다른 네트워크에 있는 목적지로 데이터를 전달하려면 네트워크 계층의 기술이 필요하다. 데이터 링크 계층의 이더넷은 같은 네트워크에 있는 컴퓨터로는 데이터를 전송할 수 있지만, 인터넷이나 다른 네트워크로는 데이터를 전송할 수 없다. 네트워크 계층에서는 라우터를 통해 네트워크 간의 통신을 가능하게 한다. 라우터는 데이터의 목적지가 정해지면 해당 목적지까지 어떤 경로로 가는 것이 좋은지 알려주는 기능을 한다. 라우터는 IP주소를 통해 어떤 네트워크의 컴퓨터인지 구분. 라우팅 : 데이터를 목적지 IP주소까지 어떤 경로로 보낼지 결정. 라우터에는 라우팅 테이블이 있어서 경로 정보를 등록하고 관리한다. I..

Reference : 그림으로 배우는 Http & Network Basic 5. HTTP와 연계하는 웹 서버 1대로 멀티 도메인을 가능하게 하는 가상 호스트 HTTP/1.1에서는 하나의 HTTP 서버에 여러 개의 웹 사이트를 실행할 수 있다. 고객마다 다른 도메인을 가지고, 다른 웹사이트를 실행 할 수 있으며, 이를 위해 가상 호스트(Virtual Host)라는 기능을 사용. 가상 호스트 기능을 사용하면 물리적으로는 서버가 1대지만 가상으로 여러 대가 있는 것 처럼 설정이 가능하다. 같은 서버 상에 같은 IP주소에서 다른 호스트명과 도메인 명을 가진 여러 개의 웹 사이트가 실행되고 있는 가상 호스트 시스템이 있기 때문에, HTTP리퀘스트를 보내는 경우 호스트명과 도메인 명을 완전하게 포함한 URI를 지정..

엔티티에는 가급적이면 Setter를 사용하지 말자. Setter가 모두 열려있으면 변경포인트가 너무 많아 유지보수가 어려워진다. ★모든 연간관계는 지연로딩으로 설정. 즉시로딩(EAGER)은 예측이 어렵고, 어떤 SQL이 실행될지 추적하기 어렵다. 특히 JPQL을 실행할 때 N+1 문제가 자주 발생. 실무에서 모든 연간관계는 지연 로딩(LAZY)로 설정해야한다. 연관된 엔티티를 함께 DB에서 조회해야 하면 fetch join 또는 엔티티 그래프 기능을 사용한다. (조회할 때 필요한것만 끌어오기) @XToOne(OneToOne, ManyToOne) 관계는 기본이 즉시로딩이므로 직접 지연로딩으로 설정해야 한다. OneToMany는 지연로딩임 컬렉션은 필드에서 바로 초기화하자. 하이버네이트가 엔티티를 persi..

Reference : SQL 첫걸음 9강 ) 정렬 - ORDER BY SELECT명령의 ORDER BY 구를 사용하여 검색 결과의 행 순서를 바꿀 수 있다. ORDER BY 구를 지정하지 않을 경우 데이터베이스 내부에 저장된 순서로 반환된다. SELECT 열명 FROM 테이블명 WHERE 조건식 ORDER BY 열명 1. ORDER BY로 검색 결과 정렬하기 정렬하고 싶은 열을 지정하며, ORDER BY 구는 WHERE구 뒤에 지정한다. ORDER BY의 기본 정렬 방법은 오름차순이다. Ex) SELECT * FROM sample31 ORDER BY age; //age열의 값을 오름차순으로 정렬하기 SELECT * FROM sample31 ORDER BY address; //address 열로 정렬하기 ..

https://www.acmicpc.net/problem/4358 4358번: 생태학 프로그램은 여러 줄로 이루어져 있으며, 한 줄에 하나의 나무 종 이름이 주어진다. 어떤 종 이름도 30글자를 넘지 않으며, 입력에는 최대 10,000개의 종이 주어지고 최대 1,000,000그루의 나무가 주어 www.acmicpc.net 문제 풀이 import java.io.*; import java.util.*; public class Q4358 { public static void main(String[] args) throws IOException { BufferedReader br = new BufferedReader(new InputStreamReader(System.in)); BufferedWriter bw ..

리액트 네이티브 프로젝트를 생성하는 방법은 Expo를 이용하는 방법과 리액트 네이티브 CLI를 이용하는 방법이 있다. 두 가지 방법 모두 시도해 볼 것이다. 1. Expo https://expo.io Expo Expo is an open-source platform for making universal native apps for Android, iOS, and the web with JavaScript and React. expo.dev 먼저 위의 Expo 웹사이트에서 회원가입 후 Expo 프로젝트를 진행한다. expo는 최종적으로 완성된 프로젝트를 쉽게 배포 및 관리할 수 있도록 다양한 기능을 제공 아이폰과 안드로이드 폰이 있으면 해당 플랫폼의 테스트를 진행하며 개발 가능 Expo에서 제공하는 API..

Reference : 처음배우는 리액트 네이티브 React Native란 iOS와 안드로이드에서 동작하는 네이티브 모바일 애플리케이션을 만드는 자바스크립트 프레임워크. 장점 리액트 네이티브의 가장 큰 장점은 작성된 코드 대부분 플랫폼 간 공유가 가능해서 두 플랫폼을 동시에 개발할 수 있다는 것이다. 작성된 구성 요소들이 재사용 가능하다 변경된 코드를 저장하기만해도 변경된 내용이 적용된 화면을 확인할 수 있는 패스트 리프레쉬 기능을 제공해 즉각적인 수정 내용 확인이 가능하다. 작성된 코드에 따라 각 플랫폼에서 그에 알맞은 네이티브 엘리먼트로 전환되기 때문에 큰 성능 저하 없이 개발이 가능하다. 단점 네이티브의 새로운 기능을 사용하는데 오래 걸린다. 유지보수의 어려움. 잦은 업데이트 리액트 네이티브의 동작 ..