UXUI 웹디자인 과정/예제코드 모음
5주차_예제 코드 모음
210201 document.write("Hello World!", " "); // Hello World! // " " (쌍따옴표) : 문자열 // write : write 함수 // document : document 객체 // -> JavaScript : 객체지향 프로그래밍 언어 // "document에 문자를 출력해라" document.write("Hello Jquery!", " "); // Hello Jquery! // jquery : JavaScript로 만든 라이브러리(기능 모음집) var num1=10; var num2=20; // var(variable) : 변수 // =(대입 연산자) : 오른쪽의 값을 왼쪽의 공간에 넣는다 (같다는 뜻 아님) // ;(세미 콜론) : 종결 문자 // "n..
4주차_예제 코드 모음
210127 See the Pen 210127_css by seung-gu shin (@nine_floor) on CodePen. css 예제(text-indent, overflow, transition, text-overflow, z-index) See the Pen 210127_css_position:fixed by seung-gu shin (@nine_floor) on CodePen. css 예제 _ position:fixed
3주차_예제 코드 모음
210118 See the Pen 210118_child by seung-gu shin (@nine_floor) on CodePen. first-child, nth-child($) See the Pen 210118_before, after by seung-gu shin (@nine_floor) on CodePen. :before, :after function hello(); //function : 함수 var num=10; document.write(num," "); //var : 변수(variable) // =(등호) : 대입 연산자, 오른쪽의 값을 왼쪽의 공간에 넣는다. alert("경고!"); //alert 함수 : 경고 메세지 출력 var num1=eval("3+4"); document.write..
2주차_예제코드 모음
See the Pen 210111_margin_padding_span by seung-gu shin (@nine_floor) on CodePen. 마진, 패딩의 활용 및 span, border-radius 활용 See the Pen 210113_review1 by seung-gu shin (@nine_floor) on CodePen. 지금까지 배워온 것 리뷰 및 웹디기능사 실기 와이어프레임1 See the Pen 210113_review2 by seung-gu shin (@nine_floor) on CodePen. 지금까지 배워온 것 리뷰 및 웹디기능사 실기 와이어프레임2 See the Pen 210114_position1 by seung-gu shin (@nine_floor) on CodePen. po..
1주차_예제코드 모음
대표 종 래브라도 리트리버 골든 리트리버 플랫 코티드 리트리버 체서피크 베이 리트리버 노바 스코셔 덕 톨링 레트리버 영역1 영역2 영역3 웹디자인 기능사 실기 공개문제 와이어프레임 실습_1 로고 메뉴 슬라이드 공지사항 배너 바로가기 로고 카피라이트 SNS 웹디자인 기능사 실기 공개문제 와이어프레임 실습_2 로고 메뉴 슬라이드 공지사항 배너 바로가기 로고 하단메뉴 카피라이트 #wrap{ width: 1200px; height: 700px; background: gray; } #header{ width: 1200px; height: 100px; background: blue; } #header .logo{ width: 200px; height: 100px; background: skyblue; float: ..