웹기초 (4) 썸네일형 리스트형 [Web] 웹 기초 (13) - JavaScript #6 switch, for in / for of switch 예제 1 : prompt를 사용하여 정수 하나를 입력받아 짝수, 홀수를 구분하여 출력하고, 만약 숫자가 아니라면 '숫자를 입력하세요' 메시지를 div창에 출력하시오. 예제 2 : 성적을 입력받아 학점을 구하여 성적과 학점을 div에 출력. 예제 3 : 점수 60 이상이면 배경색 파란색, 미만이면 빨간색으로 소스코드 switch prompt를 사용하여 정수 하나를 입력받아 짝수, 홀수를 구분하여 출력하고, 만약 숫자가 아니라면 '숫자를 입력하세요' 메시지를 div창에 출력하시오. for in for in : array의 [인덱스] 번째가 찍힌다 x : 배열의 인덱스값 예시 let p = ['javascript', 'java', 'python', 'kotlin']; for (x in p) { /.. [Web] 웹 기초 (7) - CSS #3 position, display, transform, transition 등 Position absolute : 절대좌표 fixed : 스크롤 내려도 좌표값 바뀌지 X static : 기본값(default) 이라서 굳이 안 줘도 기본으로 설정되어 있음 absolute Absolute 영역 좌표값 지정 안 해서 (0,0)으로 설정 → 다 겹쳐보임 absolute 는 좌측 상단 좌표를 기준으로 relative 현재 자기 자리에서 옆으로 이동하는 형태 fixed 스크롤 내려도 계속 따라옴 (fixed돼서) 스크롤 올리거나 내릴때 따라다니다가 마우스 올리면 메뉴 나타나도록 효과 줄 수 있음 (제이쿼리 등으로) clear none, left, right, both, initial, inherit float 기능 줬던거 없애기 (일반적으로 both 많이 씀) Display none : 영역.. [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가 가지고 있는 특성 .. 이전 1 다음
