WINK-(Web & App) (425) 썸네일형 리스트형 [2024-2 React.js 스터디] 이서영 #5주차 API 연동하기 웹 애플리케이션을 만들 때 데이터를 브라우저에서만 X데이터를 보존, 다른 사람들도 조회 가능 하게 하려면서버를 만들고 서버의 API를 사용 → 데이터를 읽고 써야함 1. API 연동의 기본 API 호출 → axois 라이브러리 설치$ npx create-react-app api-integrate$ cd api-integrate$ yarn add axios axios 사용해서GET : 데이터 조회POST : 데이터 등록PUT : 데이터 수정DELETE : 데이터 제거REST API를 사용할 때, 하고 싶은 작업에 따라 다른 위의 메서드들로 요청 axios 사용법import axios from 'axios';axios.get('/users/1');get이 위치한 자리에는 메서드 이름을 소.. [2024-2 Spring Boot 스터디] 김아리 #5주차 [싱글톤 등장 배경]스프링은 보통 웹 애플리케이션 개발에 많이 사용된다. 웹 애플리케이션 특성상 여러 고객이 동시에 요청한다. 이때 고객이 서비스를 요청할 때마다 DI 컨테이너인 AppConfig가 새로운 서비스 객체를 생성한다면 초당 몇 백, 몇 만개의 객체를 생성해야 해야 하므로 메모리 낭비가 심하다. --> 해결방안: 해당 객체가 1개만 생성되고 이것을 공유하도록 설계하는 싱글톤 패턴을 적용하면 된다. [싱글톤 패턴]객체를 딱 1개만 만들어 그것을 재사용한다. 하지만 여러 개의 문제점을 갖고 있다. 싱글톤 패턴을 구현하는 코드 자체가 많이 들어간다. 의존관계상 클라이언트가 구체 클래스에 의존한다(구체 클래스.getInstance()). --> DIP를 위반한다. 클라이언트가 구체 클래스에 의존해서.. [2024-2 Java 스터디] 김민서 #7주차 예외 처리 FileNotFoundException - 존재하지 않는 파일을 열려고 시도할 때ArithmeticException - 0으로 나누려고 할 때ArrayIndexOutOfBoundsException - 배열에서 아무것도 없는 곳을 가리켰을 때등의 예외가 있다. 1. 예외 처리하기try ~ catch 문 사용try { ; ; ...} catch(예외1) { ; ...} catch(예외2) { ; ...} finally - 어떤 예외가 발생하더라도 반드시 실행하게 하기public class Sample { public void shouldBeRun() { System.out.println("ok thanks"); } public st.. [2024-2 Spring Boot 스터디] 조상혁 #5주차 이 글은 스프링 핵심 원리 - 기본편을 기반으로 작성되었습니다. 여러가지 싱글톤을 구현하는 방법..싱글톤 컨테이너 웹 어플리케이션과 싱글톤스프링은 보통 웹 서비스에서 사용된다.웹은 다양한 사용자가 동시에 많은 요청을 한다는 특징이 있다. 그렇다면 지금까지 개발해온 것들은 그 요청을 잘 수행할까?아래 그림을 보며 생각해보자. 클라이언트 한명 당 하나의 객체가 생성되는 모습을 볼 수 있다. 너무나 메모리 낭비가 심하다. 이는 결국 비용적 문제로 이어질 수 있다. 음 그럼 어떤 해결방법이 있을까?3형제가 있는데 장난감을 하나씩 사주는건 너무 비싸다.그러면 하나사서 나눠쓰라고 하면 좋지 않을까!객체도 하나로 나눠쓰는게 좋지 않을까..! 일단 객체가 생성되는지 확인해보자. 싱글톤 패턴 객체를 하나만 만들어 사용.. [2024-2 Java 스터디] 김태일 #7주차 07-4 예외 처리1. try ~ catch 문- 기본구조- try문 안의 문장을 수행하는 도중에 예외가 발생하면 예외에 해당되는 catch문 수행try { ; ; ...} catch(예외1) { ; ...} catch(예외2) { ; ...} 2. finally- 예외 발생 여부에 상관없이 무조건 실행public class Sample { public void shouldBeRun() { System.out.println("ok thanks"); } public static void main(String[] args) { Sample sample = new Sample(); int c; try { .. [2024-2 Spring Boot 스터디] 김문기 #5주 section 6if 만약 우리가 스프링 없이 순수한 DI 컨테이너를 통해 애플리케이션을 생성했다면?위와 같이 각 고객이 요청을 보낼 때마다 객체가 생성된다.따라서 우리는 객체를 딱 1번만 생성되게 하고 공유하게 해야한다. => 이러한 방식을 싱글톤 패턴이라고 한다. 싱글톤 패턴 public class SingletonService { //1. static 영역에 객체를 딱 1개만 생성해둔다. private static final SingletonService instance = new SingletonService(); //2. public으로 열어서 객체 인스턴스가 필요하면 이 static 메서드를 통해서만 조회하도록 허용한다. } public static SingletonService ge.. [2024-2 Java 스터디] 김지나 #7주차 07-04. 예외 처리 ✅ 예외는 언제 발생하는가?- FileNotFoundException: 존재하지 않는 파일을 열려고 시도했을 때- ArithmeticException: 산술에 문제가 생겼을 때- ArrayIndexOutOfBoundsException: 정해진 배열의 크기보다 크거나 음수 인덱스를 요청했을 때 ✅ 예외 처리하기① try ~ catch문// 기본 구조try { ; ; ...} catch(예외1) { ; ...} catch(예외2) { ; ...}- try 문 안에서 예외가 발생하지 않으면 catch 수행 x ② finally-예외가 발생하더라도 실행됨public class Sample { public void shouldBeRun() { .. [2024-2 React.js 스터디] 윤아영 #5주차 1. API 연동의 기본API 를 호출하기 위해서 axios 라는 라이브러리를 설치해야 한다.axios를 사용해서 GET, PUT, POST, DELETE 등의 메서드로 API 요청을 할 수 있다.npm install axios# 또는 yarn add axiosGET: 데이터 조회POST: 데이터 등록PUT: 데이터 수정DELETE: 데이터 제거import axios from 'axios';axios.get('/users/1'); 위와 같이 사용할 수 있다.axios.post('/users', { username: 'blabla', name: 'blabla'}); axios.post() 로 데이터를 등록할 수 있다. (1) useState 와 useEffect 로 데이터 로딩하기 요청에 대한 상태를 .. 이전 1 2 3 4 5 ··· 54 다음
