아리의 개발 일상

(2024 03 05) js 14일차 let list=''; list +=''; list +=' hello'; list +=' javascript'; list +=' '; document.write(list); prompt(문자열,기본입력 문자열) 함수는 사용자로부터 내용을 입력받아서 사용 const input=prompt("message",'_default') alert(input) let a = prompt("message",'_default') confirm() 사용자에게 확인을 요구하는 메세지창이 나타남 let b=confirm('수락하시겠습니다') => 확인 버튼 클릭하면turn 취소는 false을 리턴한다 숫자 자료형으로 변환하기 Number() 함수를 사용하면 숫자로 변환시켜준다 NaN 숫자..

[프로그래머스 자바] 배열 만들기2 문제 정수l 과 r 이 주어질때 l 이상 r이하 의 정수중에서 0과 5로만 이루어진 모든 정수를 오름차순으로 저장한 배열을 return 하는 함수를 완성해라 입출력 풀이 ArrayLIst를 이용하여 동적 배열을 만들어서 문제를 풀었다 일단 주어진 범위의 수를 탐색하고 그 수를 문자열로 만들어 그 수에 5와 0으로만 이루어 졌는지 확인하고 이루어 졌다면 동적배열에 추가하고 만약 동적 배열의 크기아 0 이라면 -1을 추가하여 return한다 코드 import java.util.*; class Solution { public List solution(int l, int r) { List list = new ArrayList(); for ( int i =l; i

메이플 월드 제작 2일 차 오늘은 몬스터 공격과 유저 원거리 공격을 만들어 보았다 일단 원거리고 공격 방식은 총 두 가지 방식으로 만들 수 있는데 하나는 나의 위치와 몬스터의 위치 좌표를 계산하여 공격형 임팩트를 몬스터 히트 박스에 충돌시켜 공격하는 방식하고 현재 공격해야 할 상대 위치좌표를 이용하여 상대에게 바로 임팩트를 띄우고 대미지를 함께 주는 방식이 있다 일단 난 2가지 방식도 만들어 보았다 또한 그 공격을 자동으로 하기 위해 내가 정해둔 시간마다 자동으로 공격하도록 만들었다 추후 플레이어 스테이스를 만들었을 때 그걸 이용하여 대미지를 주기 위해 공격 부분에 유저 정보를 받아서 대미지를 처리하도록 넣었다 _UserService:GetUsersByMapName()은 현재 맵에 존재하는 유저들의 정보..

3273 두 수의 합 https://www.acmicpc.net/problem/3273 문제 n개의 서로다른 양의 정수 로 이루어진 수열이 있다 ai의 값은 1보다 크고 1000000보다 작거나 같은 자연수 자연수 x 가 주어질때 ai+aj=x 를 만족하면 (ai,aj)쌍의 수를 구하는 프로그램을 작성하시 입력 첫째 줄에 수열의 크기 n이 주어진다. 다음 줄에는 수열에 포함되는 수가 주어진다. 셋째 줄에는 x가 주어진다. 출력 문제의 조건을 만족하는 쌍의 개수를 출력한다. 풀이 처음 풀었을때에는 완전탐색으로 풀었다 그랬더니 시간초과가 나서 알고리즘 유형을 보니 투 포인터 였다투 포인터가 2개의 위치 좌표를 이용하여 빠르게 합을 구하는 방법 인데 문제 내용을 보니 투 포인터 보다는 이진 탐색에 가까운 풀이..

[프로그래머스 자바]수열과 구간 쿼리2 문제 1차원 배열 arr 과 2차원 배열 queries가 주어진다 queries 의 원소는 각각 [s,e,k] 이렇게 구성된다 s

카카오 로그인창 보고 비슷하게 만들어보기 html 페이지 연습을 위해 코드를 보지 않고 내가 눈에 보이는 것들을 따라 만들어 보았습니다 body 부분 코드 KaKao

웹페이지 만들어보기 책의 내용을 따라 하여 웹페이지를 제작해보는 연습을 하였다 위에버튼을 클릭하면 버튼이 펼처지는 웹페이지로 #checkbox { display: none; } #checkbox + nav { display: block; } #checkbox:checked + nav { display:none } Brand Network Store Support 위 기능을 하는것만 코드를 가지고 와 해석해보면 checkbox를 클릭시 nav가 보이게 만들어지고 클릭하지 않으면 안보이게만드는 방식의 메뉴 방식이다 라이트박스와 masonry의 플로그인 을 이용하여 책에 나와있는 대로 따라한 웹페이지로 사진을 누르면 이런 화면으로 전환되어 누른 사진을 크게 볼수 있는 sns에서 자주 볼수 있는 기능 이다

문제풀이 주어진 문자열 control를 하나하씩 돌면서 그 문자에맞는 수를 n에 더해주어 답을 린턴한다 문자열을 하나하나씩 출력하기 위해 .chartAt()를 이용하였다 코드 class Solution { public int solution(int n, String control) { int answer = n; for (int i=0 ; i

자바스크립트와 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..

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..