Java/UI구현18 2023.03.28 타입, 연산자, 조건문 배열 []를 이용하여 표현 변수나, 값의 집합체 사용예시 : let numbers = [1,2,3,4,5]; 변수는 인덱스값(순서값) 을 갖는다. 인덱스값은 0부터 시작 클래스 class 키워드로 선언을 해서 생성 변수선언, 함수선언, 배열선언 등등 을 할수 있다. 생성자를 갖을수 있다. // human클래스 // class Human{ // constructor(){ //생성자.(클래스 객체가 생성될때 자동적으로 실행되는 영역) // let name = "홍길동"; // let age = 0; // } // get name(){ // return this.name; // } // get age(){ // return this.age; // } // } // let human1 = new Human();.. 2023. 3. 28. 2023.03.27 자바스크립트 시작 js기본문법 자바스크립트의 변수 2023. 3. 27. 2023.03.22 반응형 웹이란 웹 사이트의 내용을 그대로 유지하면서 다양한 화면 크기에 맞게 웹사이트를 표시하는 방법 화면 크기에 반응해 화면 요소들을 자동으로 바꾸어 사이트를 구현하는것 가로 모드에 맞춘 레이아웃 변경 가능 사이트 유지보수가 용이 반응형 웹 구현을 위한 기술 뷰포트 실제 내용이 표시되는 영역 뷰포트를 지정하면 기기화면에 맞춰 확대/축소해서 내용 표시 head태그 안에서 meta태그를 이용해 뷰포트 설정 미디어 쿼리 접속하는 장치(미디어)에 따라 특정한 css스타일을 사용하도록 함 기본 형태 : @media [only | not] 미디어유형 [and 조건] * [and 조건] only : 특정 웹브라우저(미디어 쿼리를 지원하는)에서만 조건을 인식하게 한다. not : 지정한 미디어유형은 제외하고 적용시킨.. 2023. 3. 22. 2023.03.21 시멘틱 태그 효율적인 레이아웃 작업을 위해 사용되는 태그들 태그의 이름만 보고도 어느부분에서 사용되는 태그인지 직관적으로 알 수 있다. header태그 - 머리말태그(상단) 사이트 전체의 제목부분이 될수도 있고, 본문의 제목부분이 될수도 있다. 주로 페이지 맨 위쪽에 삽입 ex: form태그를 사용해 검색창을 넣거나, nav태그를 사용해서 사이트 메뉴를 넣는다. nav태그 - 네비게이션 태그(상단메뉴) 같은 사이트안의 문서나 다른 사이트의 문서로 연결하는 링크를 나라냄 네비게이션 메뉴 뿐만 아니라 푸터에 있는 사이트 링크 모음 등 에도 사용됨 main태그 - 메인 태그(메인화면 표시) 메인 컨텐츠를 표시하는데 사용 하나의 문서에는 하나의 main요소만 존재해야함 article, aside, footer,.. 2023. 3. 21. 윈도우에서 자주 사용되는 단축키 윈도우 탐색기 실행 : 윈도우키 + e 화면캡처 : 윈도우키 + shift + s 텍스트 입력이 가능한 에디터 프로그램에서 사용하는 단축키 단어별 블록 지정 : 특정단어의 앞(혹은 뒤)에서 ctrl + shift + 오른쪽키(혹은 왼쪽키) 키보드로 블록 지정 : shift를 누른 상태로 방향키 조정 특정 단어부터 해당 라인(한줄) 블록 지정 : shift + end(home) 마우스와 키보드를 활용한 블록지정 : shift + 마우스 클릭 현재 페이지 전체 블록지정 : ctrl + a 2023. 3. 21. 2023.03.20 1. 로그인 박스 그림자 2. 버튼 테두리 x 3. 로그인 글자 굵게 4. 로그인 버튼 색상 어두운색으로 text-align : center; 글자 가운데정렬 - vertical-align: 수직방향에서 정렬할 때 주로 사용 display가 inline이나 inline-block 일때 적용 #id_pass, #login_btn { display: inline-block; vertical-align: top; 실제 로그인기능 구현시 method의 타입은 post로 한다. method가 get방식일때는 파라미터(서버측에 전달하는 데이터)가 주소(url)에 전부 보여지기 때문에 보안상 사용하지 않는다. 주로 사용되는 기능 : 단순 페이지 이동 시, 게시글 상세보기 등 method가 post방식일때는 파라미터가.. 2023. 3. 21. 이전 1 2 3 다음