반응형

2024/02 30

(2024 02 28) html,css,js 9일차

자바스크립트와 jQuery 라이브러리 이용 입력 양식 포커스 window.onload=function() { //문서객체 선택 let input1=document.querySelectorAll('input')[0]; let input2=document.querySelectorAll('input')[1]; input1.onkeydown = function () { if (6객체를 대상 앞부분에 추가 .appendTo => 객체를 대상 뒷부분에 추가 .beforeTo => 객체를 대상의 앞쪽에 추가 .afterTo => 객체를 대상의 뒤쪽에 추가 무한 스크롤 =>사용자가 스크롤을 끝까지 내리면 자동으로 데이터를 추가해 스크롤이 끝나지 않게 해준다 $(document).ready(function () { le..

html,css,js 공부 2024.02.28

(2024 02 27) html,css,js 8일차

jQuery 라이브러리 사용 $(선택자) , 메서드(매개변수,매개변수) 형태로 사용한다 $(document).ready(function () { $('h1').css('color','red'); }) ; Header-0 속성 추출 하는방법 $(document).ready(function () { let src = $('script').attr('src'); alert(src); }) ; attr() => 문서객체의 속성 조작 속성 조작 $('img').attr('width,100'); $('img').attr('src',"#"); 이런식으로 조작을 할수 있다 클래스 조작 #box { width: 100px; height: 100px; background-color: red; } #box.hover { b..

html,css,js 공부 2024.02.28

(2024 02 26) html,css,js 7일차

(2024 02 26) html,css,js 7일차 html 에서 자바스크립트를 사용하기 위해서는 객체로 만들어야 한다 문서 객체 선택,조작 1개선택 document.getElementByld(아이디) document.querySelector(선택자) 여러개 선택 document.getElementByName(이름) document.getElementByClassName(클래스) document.querySelectorAll(선택자) => 배열로 값 저장 한다 window.onload = function() { let header = document.getElementById('header'); => header 이라는 아이디를를 객체 선택한다 header.style.color='orange'; head..

html,css,js 공부 2024.02.26

[삼성 sw 파이썬] 19113 식료품 가게

[삼성 sw 파이썬] 19113 식료품 가게 문제 식료품점 주인이 25% 할인된 가격으로 상점의 모든 품목을 판매하기로 하였다. 즉 각 품목은 정상 가격의 정확히 75%로 이며 모든 물건의 정상 가격은 4의 배수인 정수이고 할인된 가격 역시 모두 정수이다. 가격표의 출력을 확인하기 위해서 프린터로 돌아와 보니, 공교롭게 프린터는 모든 물품의 할인가격과 정상가격을 한꺼번에 오름차순으로 정렬한 뒤 순서대로 출력하여 하나의 출력물 더미를 만들었습니다. 예를 들어, 정상가격이 20, 80, 100인 경우 할인가격은 15, 60, 75이며 프린터의 인쇄 출력 더미는 오름차순으로 정렬된 15, 20, 60, 75, 80, 100 가격표들로 구성됩니다. 입력 첫 줄 TC가 주어진다 두 번째 줄부터 각 테스트 케이스의..

코테 공부

삼항 연산 int answer = num % n == 0 ? 1 : 0; int a = (조건문) ? (참):(거짓) ; equals() 문자열 비교 if (str1.equals(str2)) { } => str1 하고 str2 같으면 참 아니면 거짓이 나온다 형변환 문자-> 숫자 int b=Integer.valueOf(str2); double d_num = Double.valueOf(s); float f_num = Float.valueOf(s); 숫자 -> 문자열 String s; int i; s= String.valueOf(i); s= Integer.toString(i); s = ""+i; s = String.valueOf(f); s = Float.toString(f); s = String.valueO..

자바 공부 2024.02.24

[프로그래머스 자바] 더 크게 합치기

[프로그래머스 자바] 더 크게 합치기 https://school.programmers.co.kr/learn/courses/30/lessons/181939 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 2개의 수 a, b 가 주어진다 그 두수를 붙인다 a+b 와 b+a 중 더 큰 걸 출력한다 a=9 , b=91 일때 그 결과는 991을 출력해야 한다 풀이 int 형으로 주어지기에 String 형으로 변현을해야지 두 수를 연속으로 붙일 수 있다 int형을 String 으로 바꾸기 위해서는 Interger.parseInt()를 사용해야 하면 바꾼 문자열을..

메이플 월드 제작 1일차 (버튼으로 클릭으로 맵이동)

메이플 월드 제작 1일차 만들고자하는 게임은 몬스터와 1대1로 싸우는 형식의 게임으로 이런 방식의 전투 방식을 채택하고 거기에다가 실시간 전투시스템을 추가하면서 한층 한층씩 위로 올라가는 형식의 게임을 제작할 생각이다 오늘 3시간정도 어떻게 사용하는지 만지면서 홈페이지에 나와있는 기능 설명들을 읽으면서 번튼을 이용하여 맵이동하는 스크립트를 만들었다. 버튼클릭으로 맵이동하는 스크립트 1번 이라고 적힌 번튼을 누를시 game01이라는 맵으로 이동하도록 만들었다 display 부분은 현재 보여지고 있는 ui를 종료하고 새로운 맵에 맞는 ui를 보여지도록 하게 만들었다 이렇게 만든 이유는 새로운 맵에서 전투를 할 생각 이기에 그에 맞게 ui가 변경되어야하기에 그렇게 만들었다 다음 번에는 몬스터쪽을 만져볼 생각이다

(2024 02 23) js 6일차

객체 자바스크립트에서의 객체는 배열하고 매우 유사하다 배열 선언 및 사용 법 let array=[273,'문자열',true,function () {},{}, [32,103]]; alert(array[1]) 객체 선언 let product={ 제품명: "망고", 유형: "당절임", 성분: '망고,설탕' } 객체 출력하는 법 proudct[제품명] => 망고 출력 proudct.제품명 => 망고출력 for in 반목문을 사용하여 출력 할수 있다 for (let 키 in 객체 { } for(let i in product) { alert(i+":"+product[i]); } 객체안의 모든값을 출력한다 속성과 메서드 배열의 값 하나하나를 요소라 하며 객체에 있는 값 하나하나를 속성이라고 한다 그리고 객체 속성중 ..

html,css,js 공부 2024.02.24
반응형