본문 바로가기

학원수업/1월24

01/31 44회차 수업 JSON, RestfulAPI, JSP, Servlet CSS선택자 태그선택자 h1{ } 클래스 선택자 .title{ } 아이디 선택자 #title{ } HTML에는... window -document -write document.write("") 자바에서는 main()->exe파일->실행->로컬프로그램 system.out.println("룰루");--->PC 내컴퓨터에서만 실행이 된다. 클라우드 프로그래밍을 해야한다. 로컬에만 머무르면 안된다. 브라우저에서 실행을 해야한다. 웹 혁명 2.0이다. -효율적이다. 퍼포먼스중요하다. 브라우저->브라우저객체 API->폰에 내장이 되어있다. 자바를 브라우저에서 쓰려면 JSP문법이 필요하다. 통신-프로토콜이 필요-http, https 프론트앤드 개발은 즉, 브라우저에 쓰기이다. 브라우저는 인터프리터이다. 해석을 해주는.. 2023. 1. 31.
01/30 44회차 수업 HTML, CSS, JS CSS 트랜지션 사용하기 CSS 트랜지션은 CSS 속성을 변경할 때 애니메이션 속도를 조절하는 방법을 제공합니다. 속성 변경이 즉시 영향을 미치게 하는 대신, 그 속성의 변화가 일정 기간에 걸쳐 일어나도록 할 수 있습니다. 예를 들어, 여러분이 어떤 요소의 색상을 흰색에서 검은색으로 변경한다면, 변화는 대개 즉시 일어납니다. CSS 트랜지션을 이용하면, 모두 커스터마이즈 가능한 어떤 가속도 곡선을 따르는 시간 주기마다 변화가 일어납니다. 두 상태 사이의 트랜지션을 포함하는 애니메이션을 종종 암묵적 트랜지션이라고 부르는데, 이는 시작과 종료 상태 사이의 상태를 브라우저가 암묵적으로 정의하기 때문입니다. 반응형 웹 연습 내 이력서 페이지 만들어보기 home me skills project contact 반응.. 2023. 1. 30.
01/27 국비학원 43회차 JavaScript수업 (DOM모델, This ) Filter로 내가 정의하는 Array.prototype.forEach() forEach() 메서드는 주어진 함수를 배열 요소 각각에 대해 실행합니다. arr.forEach(callback(currentvalue[, index[, array]])[, thisArg]) 구조분해할당 복습 ...연산자 자바스크립트 구조 window : 가장 최상위 객체 document : html : 루트태그 head body : 화면을 그려주는태그 DOM (문서 객체 모델)이란? 문서 객체 모델, 즉 DOM은 웹 페이지(HTML이나 XML 문서)의 콘텐츠 및 구조, 그리고 스타일 요소를 구조화 시켜 표현하여 프로그래밍 언어가 해당 문서에 접근하여 읽고 조작할 수 있도록 API를 제공하는 일종의 인터페이스입니다. 즉 자바스크.. 2023. 1. 27.
01/26 국비학원 42회차수업 JavaScript (호이스팅, 함수, css) JavaScript는 독립적인 언어가 아니라 스크립트 언어로써, 특정한 프로그램 안에서만 동작을 할 수 있는데, 크롬, 파이어폭스, 사파리, 익스플로러 등 이런 웹 브라우저가 없으면 사용할 수 없는 단점이 공존했다. 따라서 client개발을 위한 용도로만 국한되어 있었다. Node/js는 터미널 프로그램(원도우 cmd, mac terminal 등)에서 node를 입력하여 브라우저 없이도 실행할 수 있게 됐다. 내가 지금 쓰는 nodemon이 이것이다. 크롬(Chrome)과 Node.js는 따라서 같은 엔진(Google의 V8 엔진)을 공유하지만, 다른 런타임(runtime) 환경, 즉 크롬(Chrome)과 Node.js라는 다른 실행 환경을 가지고 있다고 할 수 있다. 컴파일 고급언어를 저급 언어로 바꾸.. 2023. 1. 26.
01/25 국비학원 41회차 JavaScript수업 (nodemon사용하기, 스프레드 연산자) 동적타입 javascript는 느슨한 동적언어이다. 자바스크립트의 변수는 어떤 특정한 타입과 연결되지않으며 모든타입의 값으로 할당 가능합니다. 컴파일을 하지않는다. 컴파일을 한다는것은 타입체크를 한다는 뜻이다. 자바스크립트는 타입체크를 하지 않는다. 어떤 타입을 넣어도 다 들어간다. 함수도 객체취급을 받는다. 변수선언시에 함수도 객체취급을 받는다. const(변수선언하는거) 자바스크립트에서 함수는 객체이다. var는 쓰지마라. const나 let으로 바꾸어서 사용한다. JavaScript 의 타입 Boolean 타입 Null 타입 Undefined타입 Number BigInt String Symbol 원시형 타입에서 문자열이면 트루이다. //참 거짓 //>>> //1)false //2)0---0은 거짓이.. 2023. 1. 25.
01/20 국비학원 40회차 수업 MyBatist, Tomcat, Gson Front-End RoadMap html - (View계층) 일괄적인 디자인(CSS) 이벤트처리 할 수 없다 단방향서비스(1문, for문 지원안됨) - 정적페이지 동적페이지(jsp, 서블릿, spring:실력차감춤-F/-추, 인 ) Javascript(변수(let, const:배열, 함수, 객체,....컴파일안함.타입체크-CastingException-에러잡기-안전함) 제어문, 객체, 함수 자기주도학습 메타인지 로드맵 프레임워크가 제어 흐름의 권한을 가지고 있다. 출처 : https://cocoon1787.tistory.com/745 [개발상식] 프레임워크(Framework) 와 라이브러리(Library)의 차이 🚀 "프레임워크와 라이브러리의 차이를 아시나요?"" "음... 프레임워크는 뼈대이고 라이브러.. 2023. 1. 22.
01/19 국비학원 39회차 HTML, CSS, JS https://www.w3schools.com/js/default.asp JavaScript Tutorial W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more. www.w3schools.com 자바스크립트 튜토리얼 참고 사이트 HTML: Hypertext Markup Language HTML(HyperText Markup Language)은 웹을 이루는 가장 기초적인 구성 요소로, 웹 콘텐츠의 의미와 구조를.. 2023. 1. 19.
01/18 국비학원 38회차 HTML수업 create할때 or replace가 없으면 재정의를 할 수 없다. 이름이 있는 프로시저는 저장 프로시저이다. select into는 프로시저만 쓸 수 있다. into 다음에는 변수이다. r_status는 변수이다. 한번에 하나만 담을 수 있다. 한개의 로우만 담을 수 있다. 튜플을 담는것은 ? 컬럼을 담는것은? 프로시저에 여러 맵을 담을려면 커서가 필요하다. null이 있으면 nullpointexception방지. 적어도 요청한것에 대한 화면은 볼 수 있다. HTML HTML은 마크업 언어로 화면을 그려줌 태그라는 이름으로 화면을 지원 자바스크립트를 이용해서는 이벤트 처리, 업무 프로세스, 로직을 지원할 수 있다. 인라인요소 왼쪽에서 오른쪽으로 수평적으로 쌓임 인라인 요소안에 블록 요소는 불가 블록요소.. 2023. 1. 18.
01/17 국비학원 37회차 HTML수업 오전 : SQL응용 시험 오후 : html수업 UI구현을 잘 해두어야 제공되는 라이브러리를 사용할 수 있다. 블록요소에는 사이즈가 있다. 자동 줄바꿈이다. 인라인 요소에는 자체 크기가 없다. 무조건 오른쪽으로 쓴다. 자바의 FlowLayout같은 느낌이다. 요소=태그=엘리먼트=노드 1. 인라인 요소 -크기 없음, 자동 줄바꿈이 안일어난다. : 리액트안됨 2. 블록요소 -자동으로 줄바꿈이 된다. html은 오타를 내도 거의 봐줌... 실제론 솔루션과 만나는 부분에서 문제가 생길수도 는 블록요소이다. 인라인요소와 블록요소 양쪽을 다 사용할 수 있는거는 -을 사용해서 연결 순서대로 들어간다. 무언가를 넣을수있는 공간..? 윈도우 사이즈 비교 2023. 1. 17.
01/16 국비학원 36회차 (Node.js, 자바오라클연동) node.js설치 node.js란? 서버측에서 자바스크립트를 사용할 수 있도록 하는 프로그램이다. 즉, 노드를 통해 다양한 자바스크립트 애플리케이션을 실행할 수 있으며, 서버를 실행하는 데 제일 많이 사용된다. Node.js는 JavaScript를 서버에서도 사용할 수 있도록 만든 프로그램이다. Node.js는 V8이라는 JavaScript 엔진 위에서 동작하는 자바스크립트 런타임(환경)이다. Node.js는 서버사이트 스크립트 언어가 아니다. 프로그램(환경)이다. Node.js는 웹서버와 같이 확장성 있는 네트워크 프로그램을 제작하기 위해 만들어졌다. 자바스크립트에 대한 런타임 환경이다. 브라우저(크롬 등등)가 없이도 단독으로 테스트가 가능하다. ❗️자바스크립트 런타임 런타임이란 특정 언어로 만든 프로.. 2023. 1. 16.

티스토리툴바