본문 바로가기

css20

국비 지원 개발자 과정_Day71 yarn은 npm(node package manager) → import, require할 수 있음, 설치하면 package.json에 들어감 npm i -d xxxx 혹은 yarn add xxxx같이 설치함(-d는 개발자모드) yarn start하면 서버기동(포트번호 3000) → 디폴트페이지 index.html을 찾음 → 이곳에 div있고 id값은 root → 이 div에 끼워넣기 → single page application(SPA)이면서 화면은 변해야 한다 → 이것을 가능하게 하는 것이 router API 브라우저가 DOM tree를 그려준다 → 상속구조(부모와 자손) → 부모에서 자손으로만 props전달 가능(전개 연산자, 구조분해할당 필요) → 상위에서 자손으로 넘길 때 spread 연산자(직.. 2023. 3. 10.
국비 지원 개발자 과정_Day60 액터의 정의와 제시된 요구사항 기술서에서 액터를 도출하여 기술 액터: 시스템 외부에 존재하며 시스템과 상호작용을 하는 모든 것 사용자, 다른 사용자, 관리자 액터 유스케이스의 정의와 제시된 요구사항 기술서에서 유스케이스를 도출하여 기술 유스케이스: 사용자의 입장에서 바라본 시스템의 추상적인 기능으로 시스템의 요구사항을 나태냄 글등록, 카테고리선택, 사진첨부, 게시글 목록 조회, 게시글 상세조회, 댓글, 글신고, 글수정, 글삭제 제시된 요구사항 기술서에서 유스케이스에 포함되지 않는 비기능적 요소들을 기술 다국어지원, 음성지원, 사진 첨부 용량과 개수 유스케이스 다이어그램 UML(Unified Modeling Language)의 정의와 UML의 필요성 UML: 소프트웨어 공학에서 사용되는 표준화된 범용 모델.. 2023. 2. 22.
국비 지원 개발자 과정_Day56 회원 가입 양식 아이디 비밀번호 비밀번호확인 지역 서울 부산 대구 package com.mvc.controller; import java.io.IOException; import java.util.List; import java.util.Map; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import org.apache.log4j.Logger; import com.mvc.dao.TestDao; public class TestServlet exte.. 2023. 2. 16.
국비 지원 개발자 과정_Day55 HTML5에서 제공하는 input 태그의 type속성으로 사용 가능한 속성값을 5가지 이상 작성 button, checkbox, color, date, email HTML의 영역을 구분하는 태그 중 div 태그와 span 태그의 차이점을 서술 div는 줄 바꿈이 되고 Block속성으로 width, height 크기 지정이 가능하지만, span은 줄바꿈 없이 그 옆으로 붙고 Inline속성으로 크기를 지정할 수 없다. 전역객체(Window)의 NaN 속성에 대해 서술 Not-A-Number로 숫자가 아니라는 의미 자바스크립트의 scope 중 block scope에 대해 서술 주어진 코드블록({}) 안에서만 사용이 가능하며 밖에서는 접근할 수 없는, {}에 의해 생기는 변수의 유효범위를 블록 스코프라고 한다.. 2023. 2. 15.
국비 지원 개발자 과정_Day52 유튜브 클론코딩 실습 4 top 영역 소개 로그인 게시판 구글 bottom 영역 body 메인 영역 info 영역 login 영역 board 영역 google 영역 뉴스 준비중 ... 확장자가 아니라 mime타입에 따라 브라우저 출력 결정된다 타입이 json이어도 그냥 memberList 찍으면 json형식 x 자바스크립트에서 읽을수가 없다(조회결과없음) out.print(memberList); %> ... Navbar Home Link Dropdown Action Another action Something else here Disabled Search First slide label Some representative placeholder content.. 2023. 2. 10.