본문 바로가기

전체 글107

제이쿼리 선택자 JSP || DAY8 || 제이쿼리 선택자 1. 기본선택자 1) 전체 선택자 $("*") 2) 요소명 선택자 $("요소명") HTML파일 내에, 지정한 요소에 해당하는 모든 요소를 배열에 담아 선택해온다. 따라서, 하나를 지정하고 싶다면 [n] 형식으로 인덱스를 지정해 선택해야한다. 3) 클래스 선택자, id선택자 $(".클래스명") , $("#아이디명") 4) 그룹선택자 (다중선택자) $("요소1, 요소2, 요소3, . . . ") 한번에 여러 개의 요소를 선택할 때 사용되는 선택자이다. 그룹선택자 사용시, 각각의 요소는 태그명이 기준이고, 같은 태그중에서는 id나 class로 구분한다. ex) $("div, span, p.myClass") //p태그 중 myClass 라는 이름의 클래스를 가진 요소를.. 2021. 8. 25.
명언제조기 PROJECT 05 >>> 명언제조기 만들기 # 새로 배운 점 1. 난수를 인덱스로 지정하여 배열데이터에 접근하는 방법 let index = Math.floor( Math.random( ) * arrayName.length ); 2. addEventListener("이벤트", 함수); 해당 함수는 밑에 서술한다. # 코드 - css속성은 생략함. "The only way to learn a new programming language is by writing programs in it." by "Dennis Ritchie" # 프로젝트 아이디어 출처 Random Quotes JavaScript Project - JSBeginners This Random Quotes project is fairly sim.. 2021. 8. 22.
WEB || DAY4 || html태그 옵션, CSS 0. 초기값 설정 // checked: 초기값으로 설정함 1. 데이터목록 생성하기 *** input태그의 list명과 datalist태그의 id명을 동일하게 설정해야한다! 2. 태그속 옵션 autofocus - 커서깜빡깜빡 placeholder="도움말" 3. 외부파일로 css적용하기 - html파일의 head태그 안에 -> 2021. 8. 19.
공포의 쿵쿵따게임! PROJECT 04 >>> 쿵쿵따게임 만들기 # 코드 공포의 쿵쿵따 게임! 제시어: 1번째 참가자: 쿵쿵따! # 출처 Let's Get IT 자바스크립트 프로그래밍 Self Check - 쿵쿵따게임 만들기 Let's Get IT 자바스크립트 프로그래밍: Self Check thebook.io 2021. 8. 18.
끝말잇기 게임을 만들었다. PROJECT 03 >>> 끝말잇기 게임 # 새로배우게된 것 1. script선언문의 위치 - 코드는 위에서 아래로 순차적으로 실행되므로, HTML 화면의 구성을 이루는 코드들의 위에 먼저 그려지고 나서 script선언문이 위치해야 한다. 2. prompt() 입력값의 문자형 - 무조건 String이다. 따라서 입력값이 숫자라면, Number( prompt( ) ) 메서드를 이용하여 형변환을 해줘야 함. 3. documnet.querySelector( '선택자' ); - 단일 요소를 선택할 경우 -> '선택자' 자리에는 div, button 등 태그이름이 온다. - 복수의요소를 선택할 경우 -> document.querySelectorAll ( '선택자' ) => '선택자' 자리에 들어간 태그가 모두 N.. 2021. 8. 18.
무작위로 HEX 코드를 생성해 배경색으로 설정하기 PROJECT 02 >>> 무작위로 HEX 코드를 생성해 html배경색으로 설정하기! # hex 코드는 0~9 숫자와 A~F 의 문자가 총 6자의 길이로 결합된 형태이다. # 코드 CLICK ME # 프로젝트 출처 Hex Change Background Color JavaScript Project - JSBeginners This HEX background color changing app was also short and sweet to complete. However, I did find the instructor's solution interesting. The idea was to make a random hex value created from an array of all the possible.. 2021. 8. 16.
버튼을 클릭하면 배경색이 바뀌도록 설정하기 PROJECT 01 >>> 버튼을 클릭하면 html파일의 배경색이 바뀌도록 설정하기! # 코드 Change Background Color Click Me! # 프로젝트 출처 Change Background Color JavaScript Project - JSBeginners Hosted Project https://js-beginners.github.io/project_change_color_background/ Github Source Files https://github.com/JS-Beginners/project_change_color_background This background color changing app was short and sweet to complete. Since I was g.. 2021. 8. 16.
인프런 자바기초강의_List, Map, 예외처리, 입출력, 25강. Collections 25-1. List - 인터페이스로, 이를 구현한 클래스는 인덱스를 이용해서 데이터를 관리한다. # 특징 - 인덱스를 이용함 - 데이터 중복이 가능함 //ArrayList 객체생성 ArrayList list = new ArrayList(); // 데이터 추가 list.add("Hello"); list.add("Java"); list.add("World"); // Hello Java World list.add(2,"programming"); // Hello Java Programming World list.set(1,"c"); // 인덱스1에 있는 데이터를 "c"로 바꿈 // Hello C Programming World // 데이터 추출 String str = list.ge.. 2021. 8. 15.
배열 JAVA || DAY5 || 배열 0. 배열 # 배열 생성 기본문법 데이터타입 [ ] 변수명 = new 데이터타입 [배열크기] # 생성한 배열에 접근해 데이터 초기화 변수명[인덱스번호] = 저장할 데이터; String [] str1 = new String[3]; str1[0] = "가나다"; str1[1] = "ABC"; str1[2] = "123"; # 배열선언 + 생성 + 초기화 한번에 하기 데이터타입 [ ] 변수명 = {데이터1, 데이터2, 데이터3, . . .}; # 이미 선언&데이터 저장된 배열변수의 배열데이터를 바꾸고 싶다면? 변수명 = new 자료형 [ ] {데이터4, 데이터5, 데이터6, . . . }; System.out.println(">"); int [] arr3 = {100,200,.. 2021. 8. 12.

티스토리툴바