본문 바로가기

분류 전체보기41

디자인 숙제 과정 [ 디자인 작업물 선정 : 배너 ] k2의 깔끔한 느낌의 디자인 -> columbia의 자연적 배경 속 텍스트를 읽지 않아도 제품이 눈에 들어오도록 디자인하기. 작업물: k2, 현재 웹배너 출처: columbia, 본인이 참고할 이미지 2024. 3. 19.
웹3: 함수,제이쿼리,click이벤트,버튼 한개로 배경색 추가/제거 [함수] function : 원하는 값을 입력했을 때 출력됨. - 이름 짓기 특징은 변수명과 동일하다. - 함수는 호출되기 전까지 실행되지 않는다. console.clear(); function add() { console.log("실행"); } add(); -> 호출되어 실행된 상태임. add(); 값을 삭제하면 실행 안됨. [제이쿼리] script[src] + tab -> 코드펜에서 셋팅 -> js -> 서치창 -> jquery -> 주소창 복붙-> src" " html console.clear(); // $ -> 제이쿼리를 시작하겠다. // ()첫번째 소괄호 -> 선택자 가져오기 (태그,클래스,아이디) // .이벤트 -> 이벤트 형태는 다르지만 앞쪽에 항상 .이 있어야 한다. // ()이벤트 소괄호.. 2024. 3. 14.
웹3:자바스트립트 기초, 변수 제출시트 : 시트 이동하기 피그마 예제보기 : 피그마 이동하기 - 자바스크립트 기초 console, 숫자와 문자 : 코드펜 이동 console.clear(); // console창에 나오진 않지만 실행되고 있다. "안녕하세요" console.log(2.145*3+5.2) // 1단계 1+"1" // 2단계"1"+ "1" // 3단계"11" 1.문자는 ""안에 작성한다. 2.숫자는 ""없이 작성한다. 3.자바스크립트는 위에서부터 한줄한줄씩 실행된다. 4.숫자데이터랑 문자데이터랑 만나면 숫자데이터가 문자데이터로 변환된다. ㄴ1단계 1 + "1" ㄴ2단계 "1" + "1" ㄴ2단계 "11" [console] 1.자바스크립트가 어떻게 작동되는지 보여주는 창(데이터, 오류) 2.co.. 2024. 3. 12.
console [자바스크립트 기초] 1. 문자는 ""안에 작성한다. 2. 숫자는 ""없이 작성한다. 3. 자바스크립트는 위에서부터 한줄한줄씩 실행된다. 4. 숫자테이터랑 문자데이터랑 만나면 숫자데이터가 문자데이터로 변환된다. ㄴ 1단계 1+"1" ㄴ 2단계 "1"+"1" ㄴ 3단계 "11" [console] 1. 자바스크립트가 어떻게 작동되는 지 보여주는 창 (데이터, 오류) 2. console창에 나타나지 않아도 자바스크립트 식은 작동한다. 3. console.log(); _> consoke창에 데이터 출력하는 코드이다. 4. console.clear(); -> console창을 깨끗하게 사용한다는 코드이다. [변수] 1. 변수를 호출할때는 ""없이 작성해야한다. 2. 변수이름 - 대시(-)를 사용할 수 없다. - .. 2024. 3. 12.

티스토리툴바