[IoT 빅데이터 응용 교육 과정] 웹 애플리케이션 (23.06.26_1)

교재 : https://thebook.io/080266/0126/ 스프링 코딩 공작소: 4.2.3 실습 도서 정보를 관리하는 퍼시스턴스 계층 - 2 더북(TheBook): (주)도서출판 길벗에서 제공하는 IT 도서 열람 서비스입니다. thebook.io 4.1 웹 애플리케이션의 계층적 구조 서블릿 관련 폴더 : 비지니스 폴더 처리 결과 : jsp 파일 도메인 객체 메모리에 적제 -> getter, setter 필요 실습 퍼시스턴스 계층 데이터 액세스 계층을 의미 @Repository : 저장소 역할임 특정 클래스에 @Repository를 선언 - > 저장소 저장소 객체 생성하기 -> com.springmvc.repository 저장소 역할 import pakage 할때 단축키 : ctrl + shift ..

• format_list_bulleted IoT 빅데이터 응용 교육 과정_하계
• · 2023. 6. 26.
• textsms

[리액트 네이티브] react-native react와의 태그 비교

react와 react-native의 차이점 리액트는 페이스북에서 만든 프론트엔드 javascript 라이브러리 ​ 리액트 네이티브는 react의 방식으로 네이티브 앱을 개발할 수 있는 페이스북의 오픈소스 프레임 워크 ​ ​ 리액트 네이티브는 html문법을 사용하지 않는다 ​ 그래서 이번 포스팅에서는 이것을 다룰것이다 ​ html은 많이 있는데 기본의 css도 지원하지 않는다 ​ 일단 대표적인 태그들을 비교해보겠다 html React Native div img span, p ul/ol, li 태그가 다르다 이부분도 꼭 기억해줘야한다! 헷갈리면 안돼,,,! ​ ​ 상태바를 조작할 수 있다! style을 조작하여 상태바를 조절할 수 있다 https://docs.expo.dev/versions/latest/s..

• format_list_bulleted 프론트/React Native, React
• · 2023. 6. 26.
• textsms

[리액트 네이티브]react-native 함수 컴포넌트 불러오기

리액트 네이티브는 리액트에서 파생? 아무튼 비슷한데 모두 같은건 아니다!! ​ ​ 리액트 네이티브를 통해 프론트 개발을 할 때는 2가지 방법으로 컴포넌트를 선언할 수 있다 클래스형 컴포넌트를 사용하거나 함수형 컴포넌트를 사용할 수 있다 ​ 클래스형 컴포넌트! import React, { Component } from 'react'; class Hello extends Component { render() { const { color, name, isSpecial } = this.props; return ( {isSpecial && *} 안녕하세요 {name} ); } } Hello.defaultProps = { name: '이름없음' }; export default Hello; 함수형 컴포넌트!! imp..

• format_list_bulleted 프론트/React Native, React
• · 2023. 6. 26.
• textsms

[리액트 네이티브]react-native 현재위치 가져오기

일단 처음이기 때문에 니콜라스 쌤 수업을 들으면서 진행하려고 한다! #2.8 Weather (15:32) – 노마드 코더 Nomad Coders All Courses – 노마드 코더 Nomad Coders 초급부터 고급까지! 니꼬쌤과 함께 풀스택으로 성장하세요! nomadcoders.co 이 영상을 보면서 따라했다! !! 중요 !! expo install expo-location import * as Location from "expo-location"; import { StatusBar } from "expo-status-bar"; import React, { useEffect, useState } from "react"; import { View, Text, Dimensions, ActivityInd..

• format_list_bulleted 프론트/React Native, React
• · 2023. 6. 26.
• textsms

[IoT 빅데이터 응용 교육 과정] 스프링 MVC 애플리케이션 분석

교재 : https://thebook.io/080266/0061/ 스프링 코딩 공작소: 3.1.1 프로젝트 구조 더북(TheBook): (주)도서출판 길벗에서 제공하는 IT 도서 열람 서비스입니다. thebook.io 3장 첫번째 스프링 MVC 애플리케이션 분석 : '도서 쇼핑몰' 시작 페이지 만들기 3.1 스프링 MVC의 프로젝트 구조 resources : 스프링 부트 api, css 등 리소스 파일 root-context.xml : bean 파일, views : jsp 파일을 관리 루트 컨텍스트 서블릿 annotation 매핑(각 단어와 어떤 역할인지 파악하기) 자바 클래스의 빈 객체 설정하기 암기 어노테이션( repository, service, controller, ... ) 컨트롤러는 클라이언트..

• format_list_bulleted IoT 빅데이터 응용 교육 과정_하계
• · 2023. 6. 22.
• textsms

[IoT 빅데이터 응용 교육 과정] mvc 패턴

교재 : 스프링 코딩 공작소 스프링 MVC 스프링이 제공하는 웹 애플리케이션 개발 전용 프레임워크 MVC(모델(Model)-뷰(View)-컨트롤러(Controller)) 패턴 스프링 컨테이너가 관리하고 스프링이 제공하는 많은 기능을 자유롭게 확장하여 웹 애플리케이션 컨테이너 객체 프론트 컨트롤러 : 프론트(웹, 애플린케이션 ...)에 서비스를 요청받으면 그 요청하기 위해서 분산 시킴 모델 : 해당 컨트롤러에서 요청한 데이터를 처리할 수 있는 객체 (징검다리) 컨트롤러 : 해당 요청 서비스를 처리 함 뷰 : 해당 받은 서비스에 대한 데이터를 웹으로 전송하는 것 • 모델(model): 애플리케이션의 데이터가 들어 있는 객체입니다. • 뷰(view): 모델의 정보(데이터)를 특정 형식으로 나타냅니다. 일반적으..

• format_list_bulleted IoT 빅데이터 응용 교육 과정_하계
• · 2023. 6. 21.
• textsms