frameworks17 React Delete 서론2024.12.28 - [Web framework/React] - React Update React Update서론2024.12.27 - [Web framework/React] - React Create React Create서론2024.12.25 - [Web framework/React] - React State React State서론2024.12.24 - [Web framework/React] - React 이벤트 React 이벤트서론2024.12.23 - [Web framework/React] - Rehosunghyun.tistory.com이전 글에서는 Update에 대해서 학습하고 실습한 내용을 정리하였습니다. 이번 글에서는 CRUD의 D 그러니까 Delete 부분을 학습하고 실습한 내용을 .. 2024. 12. 29. React Update 서론2024.12.27 - [Web framework/React] - React Create React Create서론2024.12.25 - [Web framework/React] - React State React State서론2024.12.24 - [Web framework/React] - React 이벤트 React 이벤트서론2024.12.23 - [Web framework/React] - React Prop React Prop서론2024.12.22 - [Web framework/React] - Reacthosunghyun.tistory.com이전 글에서는 CRUD 중에서 C 즉 Create 부분을 정리했습니다. 이번 글에서는 U에 해당하는 Update를 학습하고 실습한 내용을 정리하고자 합니다. .. 2024. 12. 28. React Create 서론2024.12.25 - [Web framework/React] - React State React State서론2024.12.24 - [Web framework/React] - React 이벤트 React 이벤트서론2024.12.23 - [Web framework/React] - React Prop React Prop서론2024.12.22 - [Web framework/React] - React 컴포넌트 (Component) React 컴포넌트 (Component)서론2024.hosunghyun.tistory.com이전 글에서는 state에 대해서 학습하고 실습한 내용을 정리해서 작성했습니다. 이번 글에서는 대부분의 애플리케이션에 존재하는 기능인 CRUD 중에서 C 그러니까 Create에 대해서 학습.. 2024. 12. 27. React State 서론2024.12.24 - [Web framework/React] - React 이벤트 React 이벤트서론2024.12.23 - [Web framework/React] - React Prop React Prop서론2024.12.22 - [Web framework/React] - React 컴포넌트 (Component) React 컴포넌트 (Component)서론2024.12.21 - [Web framework/React] - React 시작하기 React 시작하기서hosunghyun.tistory.com이전 글까지는 React의 이벤트에 대해서 학습하고 실습했습니다. 이번 글에서는 React의 State에 대해서 학습해보고자 합니다. State 란?State는 React 컴포넌트에서 동적 데이터를 관.. 2024. 12. 25. React 이벤트 서론2024.12.23 - [Web framework/React] - React Prop React Prop서론2024.12.22 - [Web framework/React] - React 컴포넌트 (Component) React 컴포넌트 (Component)서론2024.12.21 - [Web framework/React] - React 시작하기 React 시작하기서론 백엔드 개발자 또한 최근에 React를 요구하는hosunghyun.tistory.com이전 글에서는 props를 학습하고 실습하면서 글을 정리하였습니다. 이번에는 React 이벤트라는 내용을 학습하고 실습한 내용을 정리하고자 합니다. React 이벤트란?React 이벤트는 사용자의 입력이나 상호작용(클릭, 입력, 마우스 이동 등)에 따라 .. 2024. 12. 24. React Prop 서론2024.12.22 - [Web framework/React] - React 컴포넌트 (Component) React 컴포넌트 (Component)서론2024.12.21 - [Web framework/React] - React 시작하기 React 시작하기서론 백엔드 개발자 또한 최근에 React를 요구하는 기업이 늘어나고 있는 추새입니다. 이에 React를 공부해보고자 합니다. https://reacthosunghyun.tistory.com이전 글에서는 컴포넌트를 학습하고 실습한 뒤에 글을 정리했습니다. 이번에는 prop를 학습하고 실습하는 글을 정리해보고자 합니다. Prop 란?Props (Properties)는 React 컴포넌트 간에 데이터를 전달하는 방법입니다. 코드에서 위에는 컴포넌트이고 .. 2024. 12. 23. React 컴포넌트 (Component) 서론2024.12.21 - [Web framework/React] - React 시작하기 React 시작하기서론 백엔드 개발자 또한 최근에 React를 요구하는 기업이 늘어나고 있는 추새입니다. 이에 React를 공부해보고자 합니다. https://react.dev/ ReactReact is the library for web and native user interfaces. Build user ihosunghyun.tistory.com이전 글에서 React를 소개하고 설치하는 방법 그리고 수정과 배포를 설명하였습니다. 이번 글에서는 React의 컴포넌트에 대해서 학습하고 정리하고자 합니다. React 컴포넌트(Component)란?React 컴포넌트는 사용자 인터페이스(UI)를 구성하는 독립적이고 재.. 2024. 12. 22. React 시작하기 서론 백엔드 개발자 또한 최근에 React를 요구하는 기업이 늘어나고 있는 추새입니다. 이에 React를 학습해보고자 합니다. https://react.dev/ ReactReact is the library for web and native user interfaces. Build user interfaces out of individual pieces called components written in JavaScript. React is designed to let you seamlessly combine components written by independent people, teams, and organizatireact.devReact란 사용자 인터페이스(UI)를 구축하기 위해 메타(구 페이.. 2024. 12. 21. 앱의 기본 기능 구현 화면 구성 방법액티비티-뷰 구조앱 구조는 컴포넌트를 기반으로 합니다. 화면을 출력하는 컴포넌트는 액티비티이므로 화면을 출력하고 싶으면 액티비티를 만들어야 합니다. 액티비티는 화면을 출력하는 컴포넌트이지만 화면은 아니기 때문에 액티비티에 화면을 구성해야 합니다. 화면에 내용을 표시하려면 뷰 클래스를 이용해야 합니다.뷰 객체를 생성하며 TextView 2개와 ImageView 1개를 추가한 LinearLayout 객체를 액티비티 컴포넌트로 전달해 화면을 출력했습니다. 레이아웃 XML로 화면 구성하기액티비티의 화면 구성을 레이아웃 XML로 하였습니다.코드에서 화면을 구현한 XML을 명시해 어떤 화면을 출력할지 알려줘야 합니다. 뷰 클래스기본 구조컴포넌트는 액티비티이고 액티비티가 실행되면서 뷰 클래스를 이용해 .. 2024. 9. 26. 안드로이드 소개 안드로이드 소개안드로이드(Android)는 리눅스 커널을 기반으로 구글에서 제작한 모바일 운영체제입니다. 구글은 2008년 안드로이드 1.0 버전을 출시한 이후 새 버전을 계속 내놓고 있습니다. 안드로이드의 특징리눅스 기반입니다.자바나 코틀린 언어를 이용해 개발합니다.운영체제의 주요 부분과 라이브러리 구글에서 만든 앱 등의 코드는 대부분 공개되어있습니다.안드로이드 스마트폰은 여러 제조 업체에서 만들 수 있습니다.플레이 스토어뿐만 아니라 여러 방법으로 배포할 수 있습니다.기본 탑재 앱과 개발자가 만든 앱이 똑같은 환경에서 똑같은 API를 이용합니다.안드로이드 운영체제의 구조리눅스 커널(Linux kernel) : 안드로이드는 리눅스에 기반을 둔 오픈 소스 소프트웨어 스택입니다.하드웨어 추상화 레이어(har.. 2024. 9. 24. 안드로이드 처음 시작하기 안드로이드를 개발할 수 있는 통합 개발 환경인 안드로이드 스튜디오는 구글에서 만든 IDE입니다. 다운로드 링크 Android 스튜디오 및 앱 도구 다운로드 - Android 개발자 | Android Studio | Android DevelopersAndroid Studio provides app builders with an integrated development environment (IDE) optimized for Android apps. Download Android Studio today.developer.android.com 앱 만들기안드로이드 앱을 개발하려면 먼저 프로젝트를 생성해야 합니다. 프로젝트 생성하기오른쪽 위에 보면 [New Project] 라는 버튼이 보입니다. 선택해서.. 2024. 9. 23. 스프링 부트 컨트롤러 프레젠테이션 계층2024.09.09 - [Web framework/Spring Boot] - 스프링 부트 컨트롤러와 페이지 만들기 스프링 부트 컨트롤러와 페이지 만들기컨트롤러 만들기이 클래스는 main()과 같은 역활을 합니다. 즉 이 클래스에서 스프링 부트가 시작됩니다. 컨트롤러를 만들기위해 site 디렉터리에 MainController.java 파일을 만들어 줍니다. 프레젠테hosunghyun.tistory.com여기서 만든 컨트롤러는 프레젠테이션 계층에 해당합니다. 이제 서비스 계층과 소통할 수 있게 코드를 변경하겠습니다. 비즈니스 계층에서 퍼시스턴스 계층 의존성을 추가한 것처럼 프레젠테이션 계층에도 비즈니스 계층 의존성을 추가하기 위한 @Autowired 어노테이션을 사용합니다. GET 요청으로 .. 2024. 9. 10. 스프링부트 서비스 비즈니스 계층비즈니스 계층을 사용하기 위해 ItemService.java 파일을 생성합니다.서비스 클래스는 Item 엔티티를 관리하는 ItemRepository와 상호작용하여 데이터를 처리합니다. @Service: 이 어노테이션은 해당 클래스가 서비스 레이어의 컴포넌트임을 나타냅니다. @Autowired: 이 어노테이션은 의존성 주입을 나타냅니다. final을 붙인 이유는 itemRepository가 변경될 일이 없기 때문에 final을 붙여줍니다. public List getItemByPage(): 이 메소드는 Item 객체의 리스트를 반환하는 메서드입니다. List page = itemRepository.findAll();: ItemRepository의 findAll() 메서드를 호출하여 모든 Ite.. 2024. 9. 10. 스프링 부트 데이터베이스 데이터베이스ORMORM(Object-Relation Mapping)은 자바의 객체와 데이터베이스를 연결하는 프로그래밍 기법입니다.자바에서 데이터베이스 값을 가져오려면 SQL 언어로 데이터를 꺼내야합니다.하지만 ORM을 사용하면 데이터베이스의 값을 객체처럼 사용할 수 있습니다. 즉 자바로 데이터베이스를 다룰 수 있게하는 도구를 ORM이라고 합니다. JPA와 HibernateDBMS에도 Oracle, MariaDB 등 여러 종류가 존재하듯이 ORM에도 여러 종류가 존재합니다. 자바에서는 JPA(Java Persistence API)를 표준으로 사용합니다. JPA는 자바에서 관계형 데이터베이스를 사용하는 방식을 정의한 인터페이스입니다. 그래서 ORM 프레임워크를 추가로 사용해야합니다. Hibernate는 JP.. 2024. 9. 9. 스프링 부트 컨트롤러와 페이지 만들기 컨트롤러 만들기이 클래스는 main()과 같은 역활을 합니다. 즉 이 클래스에서 스프링 부트가 시작됩니다. 컨트롤러를 만들기위해 site 디렉터리에 MainController.java 파일을 만들어 줍니다. 프레젠테이션 계층처럼 사용하기 위해 클래스 위에 @Controller라는 어노테이션을 작성합니다. @GetMapping 어노테이션은 HTTP에서 GET 요청을 처리하기 위해서 작성하는 메소드입니다. 즉 메소드 안에 작성된 GET 요청이 발생하면 어노테이션된 index() 메소드가 동작하게 됩니다. 메인 페이지이므로 /, /index, /home이 GET 요청이 왔을 때 메인페이지를 동작하도록 작성하였습니다.return "index" 를 하는데 이것은 어느 파일을 실행할 지 반환하는 형식입니다. 즉 i.. 2024. 9. 9. 이전 1 2 다음
