MyPrograming

Q. 함수 solution은 정수 x와 자연수 n을 입력 받아, x부터 시작해 x씩 증가하는 숫자를 n개 지니는 리스트를 리턴해야 합니다. 다음 제한 조건을 보고, 조건을 만족하는 함수, solution을 완성해주세요. x는 -10000000 이상, 10000000 이하인 정수입니다. n은 1000 이하인 자연수입니다. def solution(x, n): answer = [] for i in range(n): answer.append(x*(i+1)) return answer 단순히 연산 결과를 리스트에 추가시키면 되는 비교적 쉬운 문제였다. def number_generator(x, n): return [i * x + x for i in range(n)] 똑같은 풀이 방식이지만 리스트 안에 직접 반복문의..

Q. 자연수 n을 뒤집어 각 자리 숫자를 원소로 가지는 배열 형태로 리턴해주세요. 예를들어 n이 12345이면 [5,4,3,2,1]을 리턴합니다. n은 10,000,000,000이하인 자연수입니다. def solution(n): answer = [] str_n = list(str(n)) for i in range(len(str_n)): answer.append(int(str_n[i])) return answer[::-1] 처음에 정렬을 뒤집는 것이라 생각해서 reverse를 이용해서 풀었지만 풀이에서 80%가 불통과였다. 그래서 거꾸로 출력하는 [::-1]을 사용하니 갑자기 됐다. "reverse"와 "[::-1]"에 차이가 있는걸까..? def digit_reverse(n): return list(ma..

Q. 함수 solution은 정수 n을 매개변수로 입력받습니다. n의 각 자릿수를 큰것부터 작은 순으로 정렬한 새로운 정수를 리턴해주세요. 예를들어 n이 118372면 873211을 리턴하면 됩니다. n은 1이상 8000000000 이하인 자연수입니다. def solution(n): answer = "" str_n = str(n) # n을 문자열로 저장 str_n_list = list(str_n) # 문자열 n을 하나씩 쪼개진 리스트로 저장 for i in range(len(str_n_list)): str_n_list[i] = int(str_n_list[i]) #문자열로 쪼개진 요소들을 int로 변환 str_n_list.sort(reverse=True) # int로 변환된 요소들을 내림차순으로 정렬 fo..

Event ? : 이벤트란, 웹사이트에서 사용자의 행위에의해 발생하는 모든 동작으로, 브라우저에서 화면을 클릭하거나 페이지가 로딩될 때, 화면이 닫힐 때, 화면이 줄거나 늘어날 때 등으로 모든 것이 이벤트라고 할 수 있다. onclick 예제 value가 "hello"인 버튼을 누르면 자바스크립트에 작성된 hello() 함수가 작동하면서 "Hello World"라는 대화상자가 등장하게 되는 것이다. 그 밖의 이벤트 핸들러 종류 이벤트 이벤트 핸들러 설 명 abort OnAbort 이미지를 읽다가 중단했을 경우 blur OnBlur 대상에서 포커스가 이동되었을 경우 change OnChange 대상에 입력되어 있는 값이 바뀌었을 경우 click OnClick 대상을 클릭했을 경우 dbclick InDbcl..

1. localStorage , sessionStorage ? 사용자의 로컬에 데이터를 저장하는 방법으로 "localStorage" , "sessionStorage" API가 제공된다. 보통 웹사이트의 정보를 저장하기 위해서는 필요로 하지만, 그 용도에 따라 클라이언트 저장소에 편리하게 저장할 수도 있다. 이들은 단순히 key와 value가 문자열로 저장되며, 도메인과 브라우저 별로 데이터를 저장한다. localStorage: 직접 삭제를 하지않으면 계속 데이터가 유지된다. sessionStorage: 동일한 세션에서만 사용이 가능한 저장소로, 브라우저를 닫으면 데이터가 삭제된다. 이 둘은 저장소로서의 기능은 대부분 동일하며, 차이점을 꼽자면 sessionStorage의 경우 세션이 종료되면 저장되었던 ..

Console? 자바스크립트로 작업을 하다보면 지금까지의 코드가 문제가 없는지, 혹은 다 작성된 코드에서 에러를 찾아서 수정하기 위해 디버깅을 해야할 때가 아주 많다. 이럴 경우 사용하게 되는 것이 "console"과 "alert"가 있다. console은 브라우저가 가지고 있는 객체로 인식이 된다. 최근의 웹 브라우저에는 자바스크립트를 실행하기 위핸 콘솔 기능이 표준으로 탑재되어 있다. 이를 사용하는 이유가 본질적으로는 alert와 같지만 console을 이용할 경우, alert를 사용했을 때 띄워지는 대화상자들을 하나하나 닫을 필요가 없기 때문이다. 또한 객체의 내부 내용까지 확인할 수 있어서 대부분 console을 사용한다. ※ alert? 웹상에서 문구를 박스형태 대화상자를 띄워 사용자에게 보여주..

▶ DOM을 알아보기 전 - BOM이란? 웹 서비스 개발은 브라우저와 밀접한 관련이 있다. 이러한 브라우저와 관련된 객체들의 집합을 브라우저 객체 모델 (BOM: Browser Object Model)이라고 부른다. 이 BOM을 이용해서 브라우저와 관련된 기능들을 구성한다. 앞으로 알아볼 DOM은 이 BOM 중의 하나이다. BOM의 가장 최상위 객체는 window이며, DOM은 이 window 객체의 하위 객체이기 하다. 1. DOM( Document Object Model )이란? Document (문서) + Object (객체) + Model( 모듈 ) 즉, DOM은 넓은 의미로 웹 브라우저가 HTML 페이지를 인식하는 방식을 의미하며 좁은 의미로는 document 객체와 관련된 객체의 집합을 의미하..

기존의 JavaScript에서는 문자열을 쓰고싶을 때 ( ' )혹은 ( " )기호로 문자열을 둘러싸서 출력했다. ES2015이후 부터는 백틱( ` )을 사용하는 새로운 문자열이 생겼다. 기본적인 변수와 문자열 함께 출력 const case2 = 24; //변수 선언 console.log("Hello, world! I'm " + case2 + "year's old") //변수와 문자열 함께 출력 // Hello, world! I'm 24year's old 출력 원래 변수와 문자열을 함께 표현하기 위해서는 중간에 +로 이어주면서 따옴표 안에 띄어쓰기도 일일히 생각하면서 써야하는 번거로움이 있었다. 코드 상에서 큰따옴표나 작은 따옴표를 함께 쓰게되는 경우, 실수를 하는 경우가 빈번하여 오류가 자주 발생한다. ..