본문 바로가기
반응형

전체 글

 (24)
[SK shieldus 지능형 애플리케이션 개발 트랙 2기] 7 (스프링 부트) # 스프링부트    - 사전 지식        - 웹에 대한 간단한 이해/사용        - 자바 사용 간단하게라도 이해하면 가능        - 디비 사용 간단하게라도 이해하면 가능        - html/css/js 로 화면 구성되는것 간단하게라도 이해하면 가능    - 프로젝트 간단하게 생성하기                - hello world 출력        - 프로젝트 생성            - 햄버거 > project > springboot 선택            - 기본 입력값 유지 > 프로젝트 위치만 조정 (~/backend/springboot)            - next 클릭            - springboot dev tool, lombok, spring web, ..
[SK shieldus 지능형 애플리케이션 개발 트랙 2기] 6 (Java) # 개요- Java 언어    - 과정 내 배우는 언어 : JavaScript, Java, Python    - 특징        - 객체 지향 프로그래밍 언어            - 클레스 단위로 개발        - 기반 C/`C++`        - 1995년 개발됨, Sun 마이크로시스템즈 (http://www.java.com)            - 2008~9 Oracle 인수되었음        - 철학            - 모든 기기를 연결하는 `네트워크`상에 언어                - 초기 : J2SE(PC유저), J2ME(모바일), J2EE(엔터프라이즈, 웹)                - 현재 :                     - 엔터프라이즈 시장!! 집중 -> `웹 서..
[SK shieldus 지능형 애플리케이션 개발 트랙 2기] 5 (MySQL) # 데이터베이스- 개발환경 구축    - 로컬 PC 기반 설치        - OS에 직접 설치            - 단점, 업데이트 이슈, PC가 교체되면 다시 설치            - 인터넷 연결 X 사용가능            - 상대적으로 빠른 구동!!        - mysql은 최초는 무료 > oracle 회사에 인수            - mysql 개발자들이 나와서 만든 DB -> mariadb            - aws에서 오로라DB -> mysql 엔터프라이즈급 디비 제품 존재            - 동일한 SQL을 사용                - SQL = 표준SQL + 벤더별SQL            - 다운로드 주소                - https://down..
[SK shieldus 지능형 애플리케이션 개발 트랙 2기] 4 (react_2) /** * useState 사용 */// 1. 모듈 가져오기import './App.css';import { useState, // 상태변수->화면갱신 useEffect, // 중요한 생애 주기 함수 대체(부분) useMemo, // 데이터 useCallback, // 함수 useRef, // 데이터, 변경되어도 랜더링 되지 않는다, 참조 useContext, // 여러 컴포넌트가 접근하여 사용하는 데이터 관리 } from "react";// 2. 대표 모듈화 + 커스텀 컴포넌트 정의 ( 객체형 | (*)함수형 )export default function App ( props ) { // 함수형..
[SK shieldus 지능형 애플리케이션 개발 트랙 2기] 4 (react_1) https://survey.stackoverflow.co/2022/#most-popular-technologies-webframe 표준프레임워크 심플홈페이지 FrontEndhttps://github.com/eGovFramework/egovframe-template-simple-react GitHub - eGovFramework/egovframe-template-simple-reactContribute to eGovFramework/egovframe-template-simple-react development by creating an account on GitHub.github.com        https://tsh.io/state-of-frontend/ The State of Frontend 2024..
[SK shieldus 지능형 애플리케이션 개발 트랙 2기] 3-0 (html, css) # 프런트엔드 구조    - 프런트엔드        - 기본 구성원            - html + css + javascript            - 개별요소                - html5 : 구조(뼈대), 콘텐츠포함                - css3 : 레이아웃, 디자인(템플릿 활용), 반응형, 애니메이션                    - 부트스트랩, 머터리얼, ...                - javascript : 인터렉션(사용자브라우저, 상호작용), 이벤트, 통신, 동적화면구성                    - 기존 수업 -> nodejs 기반 문법 정리                        - vscode 작동                    - html,..
[SK shieldus 지능형 애플리케이션 개발 트랙 2기] 2-16 (자바스크립트 예외 ) 예외처리   - s/w 는 기본적으로 중단되면 않된다!!(백엔드)   - 오류가 발생한다면      - 오류를 잡는다(catch)           - try ~ catch ~ finally       - 오류를 던진다(throw)           - throw 오류객체 function makeError() { // js 는 0으로 나누기 허용함 => 타언어는 오류임 console.log( 1/0, -1/0 ); // Infinity:양의무한대 -Infinity:음의 무한대 // 오류를 임의로 생성해서 던지기 throw new Error("임의로 발생시킨 오류");}// I/O 를 사용하는 코드 => 무조건 예외처리 진행!!try { console.log(1); // 정상코드..
[SK shieldus 지능형 애플리케이션 개발 트랙 2기] 2-15 (자바스크립트 연산시 null/undefined에 대한 오류대비 처리 ) 코드 전개시(연산시등) 오류 코드가 발생할 수 있다 -> 방지코드   ?.       - 예시           - 비동기처리시 => 함수().then().then()....           - 객체명.맴버.맴버....       - 위와같은 코드를 옵셔널 체이닝코드 여기서 앞부분에 오류가 발생하면->중단됨       - ex) 함수()?.then()?.then()    ??       - Nullish Coalescing       - 널일때 대한 방어코드 => 선택적 값 선택 유도 => 잠재적 버그 해결    데이터 샘플 제시const A = { // 객체 리터럴 proc:{ msg:{ code:10 }, check:null }} ..
반응형

티스토리툴바