클래스 제어 수강신청 클래스를 만들어보자. 수강신청 전체선택/해제 국어 영어 수학 사회 과학 this용법 전역에서 this는 window객체를 가리킨다. 태그의 inline event 속성안의 this는 현재 tag객체를 가리킨다. 전달함 사용자 클래스 제어가 체크를 통해 변경되는 것을 확인할 수 있다. 사용자 상호작용 alert , console alert("") 사용자에게 뜨는 메세지 colsole.log(" ") 개발자에게 뜨는 일반 메세지 colsole.error(" ") 오류 메세지 지정 가능 console.dir(document) 계층구조 확인가능 colsole.time 실행내용 colsole.timeEnd 실행하면 실행내용의 소요시간 알려줌 alert | console /** * alert ..
javascript 자바스크립트란, 웹브라우저에서 많이 사용하는 인터프리터 방식의 객체지향 프로그래밍 언어이다. 자바스크립트는 ECMA스크립트 표준을 따르는 대표적인 웹 기술이다. 인터프리터방식 src => object . 코딩하는 그대로 오브젝트가 된다. 컴파일방식 (인터프리터의 반대) .java=> class (컴파일) src => object (컴파일 후 실행) 여기서 object는 실제 실행파일이고, 인터프리터방식은 코딩하는 그대로 나온다고 보면 된다. 스크립트언어 : 매우빠르게 배우고 작성하기 위해 고안됨. 짧은 소스코드 파일이나 REPL(Read Eval Print Loop)로 상호작용 클라이언트 사이드 스크립트 (사용자 컴퓨터에서 처리) Javascript, VBscript, Jscript ..
Background(배경) background-image: url(절대,상대경로) background-repeat: repeat | repeat-x | repeat-y 반복여부 background-position: 배경이미지 시작위치 background-size n% | contain | cover size작성시, position 을 꼭 작성해야한다! contain: x/y축 어느 한 쪽이 꽉찰때까지만 확대/축소. 빈공간이 생길 수 있다. cover: 영역을 모두 채울때까지 확대/축소. 이미지 짤릴 수 있다. background-clip: border-box|padding-box|content-box: 배경이미지,컬러 영역 다음과 같은 스크롤시 사진은 고정되어있고 보이는 부분이 바뀌는 배경을 만들어본다...
글꼴 generic family font : serif , sans-serif , cursive, monospaced font-size : px, %, em font-weight : 100~900, bold, bolder, lighter font-style : italic, initial, nomal, oblique ... https://www.w3schools.com/cssref/pr_font_font.asp CSS font property W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, Ja..
1. 트랜잭션? MSSQL은 AUTO_COMMIT이 기본 설정. (=자동 커밋) 실무에서 update나, delete를 잘못 쓸 경우 (조건을 안걸고 통채로 적용되어버린다면..? 으악) 큰일나기 때문에, TRANSACTION이라는 게 존재한다. TRANSACTION이란, 하나의 수행 단위를 여러개로 쪼개서 작업한다고 볼 수 있다. 이론적으로는 ACID를 보장한다. (Atomicity:원자성, Consistency:일관성, Isolation:독립성, Durability:영구성) 예를 들어 관리자 DB인 DB1에서 품목 삭제를 누르면, 매장용 DB인 DB2에서도 품목이 삭제되는 로직이 있다고 하자. 이때 삭제 버튼을 누르고 DB1에서 삭제가 되었는데, 정전으로 인해 DB2에서는 품목 삭제가 이뤄지지 않아 매..
사전접수를 미리 해뒀음에도 불구하고, 10:41에 접수를 완료했다. 결제버튼에서 이렇게 뜨면서 계속 안돼서 장소 선택만 5번을 했다. 가상계좌는 도대체 언제 연락이 오나.. 가상계좌도 입금 시간이 아니랜다.. ! 국민으로 할 경우 가상계좌가 연락이 안온다고 한다.. 카드결제 추천.. 나의 경우 취소하고 카드결제로 다시 했다 ㅠㅠ 역대급 힘든 기사 신청이었다.. 이번에 꼭 붙어야지
정렬 inline요소 부모block요소의 text-align속성을 통해서 정렬. 정렬대상 a, img, span과 h1~h6, p안의 text block요소 margin속성(다른 요소와의 거리)를 이용해서 정렬 text-align : left, center, right margin : top right bottom left margin : _ auto ; _만큼 좌우 마진 똑같이 계산해서 지정 margin-left/ margin-right : auto; 좌 우측정렬 justify-content : center; 메인 축 정렬 align-items : center; 크로스 축 정렬 안녕 링크링크 제목 Lorem ipsum dolor sit amet consectetur adipisicing elit. Ve..
h2 안녕 li Hello li 니하오 h2 잘가 li byebye li 짜이찌엔 위 코드에서 직계자식과 후손에 대해 배워보자. 직계자식 & 후손 직계자식인 parent만 h2에 대해서 노란색 배경이 설정되었다. 부모의 경우 '>' 를 사용하고, 후손의 경우 ' ' (띄어쓰기)를 사용한다. 후손에 대해 underline을 지정해주었는데, 부모 및 자식에 대해 전부 설정되었다. 부모 아래에 있는 ul, li에 대해서 색을 빨간색으로 지정해주었더니 parent아래만 빨간색으로 지정되었다. 자식에 대해서 ul, li에 대해 색을 파란색으로 지정해주었더니 child아래만 파란색으로 지정되었다. html css javascript jquery geolocation webstorage 위 코드에 대해서 형제요소에 ..
CSS : Cascade Style Sheet html이 데이터를 다룬다면, css는 style에 대해 다룬다. 문서내용 작성하는 부분과 꾸미는 부분을 분리하여 내용을 수정하여도, 디자인을 바꿀 필요가 없고 디자인을 수정해도 글 내용을 바꿀 필요가 없다. 다양한 기기에도 디자인만 따로 적용하여 구동 시킬 수 있다. style : 정해진 속성을 입력하여 웹페이지를 꾸미는 것 stylesheet 웹페이지에서 반복적으로 쓰는 style을 모아놓은 것 스타일 기본 형식 css를 html에 적용하는 방법 1. html요소의 inline style속성 작성 2. html문서의 내부 style태그 작성 3. 외부 css파일을 현재 html문서와 연결 1. html요소의 inline style 속성 작성하기 CSS c..
