Web 기초 (26) 썸네일형 리스트형 [Web] 웹 기초 (4) - Web Storage API Web Storage API - 브라우저에서는 쿠키보다 더 직관적으로 정보를 저장할 수 있는 Web Storage API를 제공한다. - key/value 로 이루어져 있으며, localStorage와 sessionStroage가 있다. 사용방법 값 저장하기 localStorage.setItem('mId', 'hong'); sessionStorage.setItem('mId', 'kim'); - key : mId - value : hong, kim 값 불러오기 let localId = localStorage.getItem('mId'); let sessionId = sessionStorage.getItem('mId'); console.log('localStorage', localId); console.log.. [Web] 웹 기초 (3) - Canvas #2 Shadow, Gradient, Rotate * 본 포스팅은 제가 국비지원교육을 받으며 정리한 내용을 옮겨놓은 것입니다. 발전적인 지적과 피드백은 언제나 환영합니다! Canvas #2 Shadow Shadow 바탕색 그림자색 Gradient - createLinearGradient(x1, y1, x2, y2) : x1, y1 에서부터 x2, y2 까지 그라데이션 선형 그라데이션 원형 그라데이션 Rotate rotate 도형의 갯수 [Web] 웹 기초 (2) - Canvas #1 * 본 포스팅은 제가 국비지원교육을 받으며 정리한 내용을 옮겨놓은 것입니다. 발전적인 지적과 피드백은 언제나 환영합니다! Canvas #1 는 그래픽을 그릴 때 사용되는 태그이다. 태그는 그래픽의 컨테이너일 뿐, 실제로 그래픽을 그리려면 자바스크립트 코드를 작성해야 한다. Canvas로 선, 박스, 원, 텍스트를 그리고 이미지를 추가할 수 있다. 삼각형 그리기 원(원호) 그리기 - false : 시계방향 - true : 반시계방향 1번 : 시작각이 1.5에서 끝각이 0.5, 진행방향은 true 디렉션 false로 주면 2번이랑 같음 2번 : 시작각이 0.5에서 끝각이 1.5, 진행방향은 true 디렉션 false로 주면 1번이랑 같음 [Web] 웹 기초 (1) - 기본적인 HTML 태그 (글꼴, 문단) * 본 포스팅은 제가 국비지원교육을 받으며 정리한 내용을 옮겨놓은 것입니다. 발전적인 지적과 피드백은 언제나 환영합니다! 글꼴 head line : h1 > h6 앞뒤에 빈줄이 발생 자동으로 글자는 '굵게' 적용 font size : 1 권고 사항은 태그 사용하지 않고 css style로 표현하는 것 문단/블럭 1) span 2) p 3) div - p태그는 아래위로 여백이 존재하고, div는 한줄 공간만 차지 텍스트입력 1) pre : 작성한 그대로 인식하여 출력 - preformatted의 줄임말 태그 - 창을 줄이면 반응형으로 안에 컨텐츠도 같이 줄이고 늘리고 해야되는데, pre 쓰면 있는 그대.. [Web] 웹 개발 환경구축 (2) - 이클립스 웹서버 환경설정, HTML 파일 생성 * 본 포스팅은 제가 국비지원교육을 받으며 정리한 내용을 옮겨놓은 것입니다. 발전적인 지적과 피드백은 언제나 환영합니다! open perspectives → Java EE로 설정 window → preference → server → runtime environment 아파치 8.5 선택하고 next - 자바코드는 src, 웹과 관련된 코드는 WebContent (META, WEB-INF에 넣으면 안 됨!!) - HTML 정적 (이미지와 텍스트만 들어가있을 경우. 컨트롤단 집어넣을 수 없음) , JSP는 동적 (HTML을 JSP가 포함하고 있는 형태) - jsp파일과 html파일의 차이. - HTML을 JSP로 바꿀 때 확장자만 바꾸면, 이 차이에 의해서 에러 발생 - Eclipse가 가지고 있는 특성 .. [Web] 웹 개발 환경구축 (1) - 톰캣 설치 * 본 포스팅은 제가 국비지원교육을 받으며 정리한 내용을 옮겨놓은 것입니다. 발전적인 지적과 피드백은 언제나 환영합니다! 웹서버 설치(Tomcat 웹컨테이너) - 톰캣 8버전 - 8.5.50 다운로드 → 64비트 windows (zip, installer) - "현재 이 폴더에 액세스할 수 있는 권한이 없습니다." => 파일에 들어가서 권한 설정 - Manual type : 사용자가 start, stop 설정 임의적으로 조정 - automatic : 윈도우가 켜지면 자동으로 start - tomcat은 웹으로 작업한 프로젝트를 배포할 때 쓸 수 있는 war파일을 만들어줌 이전 1 2 3 다음
