![]()
두 수의 차 문제 설명 정수 num1과 num2가 주어질 때, num1에서 num2를 뺀 값을 return하도록 soltuion 함수를 완성해주세요. 제한사항 50000 ≤ num1 ≤ 50000 50000 ≤ num2 ≤ 50000 입출력 예 num1 num2 result 2 3 -1 100 2 98 입출력 예 설명 입출력 예 #1 num1이 2이고 num2가 3이므로 2 - 3 = -1을 return합니다. 입출력 예 #2 num1이 100이고 num2가 2이므로 100 - 2 = 98을 return합니다. 코드 class Solution { public int solution(int num1, int num2) { int answer = 0; return answer; } } 풀이 class Sol..
![]()
나머지가 1이 되는 수 찾기 문제 설명 자연수 n이 매개변수로 주어집니다. n을 x로 나눈 나머지가 1이 되도록 하는 가장 작은 자연수 x를 return 하도록 solution 함수를 완성해주세요. 답이 항상 존재함은 증명될 수 있습니다. 제한사항 3 ≤ n ≤ 1,000,000 입출력 예 n result 10 3 12 11 입출력 예 설명 입출력 예 #1 10을 3으로 나눈 나머지가 1이고, 3보다 작은 자연수 중에서 문제의 조건을 만족하는 수가 없으므로, 3을 return 해야 합니다. 입출력 예 #2 12를 11로 나눈 나머지가 1이고, 11보다 작은 자연수 중에서 문제의 조건을 만족하는 수가 없으므로, 11을 return 해야 합니다. 코드 class Solution { public int sol..
![]()
두 수의 곱 문제 설명 정수 num1, num2가 매개변수 주어집니다. num1과 num2를 곱한 값을 return 하도록 solution 함수를 완성해주세요. 제한사항 0 ≤ num1 ≤ 100 0 ≤ num2 ≤ 100 입출력 예 num1 num2 result 3 4 12 27 19 513 입출력 예 설명 입출력 예 #1 num1이 3, num2가 4이므로 3 * 4 = 12를 return합니다. 입출력 예 #2 num1이 27, num2가 19이므로 27 * 19 = 513을 return합니다. 코드 class Solution { public int solution(int num1, int num2) { int answer = 0; return answer; } } 풀이 class Solution ..
![]()
나머지 구하기 문제 설명 정수 num1, num2가 매개변수로 주어질 때, num1를 num2로 나눈 나머지를 return 하도록 solution 함수를 완성해주세요. 제한사항 0
![]()
Git Hub 코드 올리기 ls ls -al ⇒ 내용 보기 git config —global user.name “이름” ⇒ 사용자 정보 등록 git config —global user.name 이메일 git bush git cd 폴더/ ⇒ 폴더 지정 cd.. ⇒ 이전 폴더 git init ⇒ 폴더를 지정하여 git 시작 (1폴더 1 로컬 저장소) git add 파일 명 ⇒ 원하는 파일 업로드(고정) git commit -m “프로젝트 설명 추가” ⇒ 선택한 파일 묶어 설명 git log ⇒ 생성 커밋 보기 git remote add origin url ⇒ 원격 저장소에 업로드 git push origin master ⇒ 만든 커밋 보내기 (파일 생성 후 가능) 원격 저장소를 내 컴퓨터에 받아오기 git ..
![]()
Canvas 웹 페이지에 그래픽을 그려주는 쉽고 강력한 방법을 제공 그래픽을 위한 컨테이너(container) 역할만을 수행 따라서 실제로 그래픽을 그리기 위해서는 자바스크립트(JavaScript) 등의 스크립트 언어를 이용 canvas 요소의 속성 테두리(border)도 콘텐츠(content)도 없는 웹 페이지 내의 단순한 사각형의 공간 반드시 style 속성을 이용하여 캔버스의 크기를 설정 canvas 요소를 스크립트(script)에서 접근하기 위해서는 해당 요소의 id 속성을 이용 이 문장은 사용자의 웹 브라우저가 canvas 요소를 지원하지 않을 때 나타납니다! 사각형 그리기 1. 사각형의 왼쪽 위 꼭짓점의 x좌표 2. 사각형의 왼쪽 위 꼭짓점의 y좌표 3. 사각형의 너비 4. 사각형의 높이 co..
![]()
비디오 웹 브라우저는 여러 개의 태그 중 위쪽에서부터 순서대로 가장 먼저 인식되는 파일의 타입과 주소를 사용 태그 사이에 존재하는 텍스트는 해당 웹 브라우저가 태그를 지원하지 않을 때만 화면에 표시 비디오 파일 형식 - MP4 : Moving Picture Experts Group에 의해 개발되었으며, 비디오 코덱으로는 H.268, 오디오 코덱으로는 ACC를 사용합니다. 적은 용량으로도 고품질의 영상 및 음성을 구현할 수 있어 인터넷을 통한 스트리밍에 많이 활용되는 파일 형식 - WebM : 구글의 지원으로 개발된 개방형 공개 멀티미디어 파일 형식이며, 비디오 코덱으로는 VP8, 오디오 코덱으로는 Vorbis를 사용 - OGV : Theora Ogg라고도 불리며, Xiph 재단에 의해 MP3의 대안으로 ..
![]()
의사 요소 해당 HTML 요소의 특정 부분만을 선택 하나의 HTML 요소에 여러 개의 의사 요소를 동시에 적용 가능 선택자::의사요소이름 {속성: 속성값;} ::first-letter 텍스트의 첫 글자만을 선택 블록(block) 타입의 요소에만 사용 font 속성 color 속성 background 속성 margin 속성 padding 속성 border 속성 text-decoration 속성 text-transform 속성 line-height 속성 float 속성 clear 속성 vertical-align 속성 (단, float 속성값이 none일 경우에만) ::before 특정 요소의 내용(content) 부분 바로 앞에 다른 요소를 삽입 ::after 특정 요소의 내용(content) 부분 바로 뒤..
![]()
선택자 CSS를 적용할 위치의 HTML 요소 전체 선택자 * { margin: 0; padding: 0; } HTML 문서 내부의 모든 요소에 같은 CSS 속성을 적용 보통 margin이나 padding 등 브라우저 기본 스타일들을 초기화 할 때 사용 하지만 문서 내의 모든 요소를 읽어야 하기에 페이지 로딩 속도가 느려질 수 있으므로 최소한으로 사용하는 것이 좋음 #wrapper * { border: 1px solid #000; } 전체 선택자는 위의 경우처럼 자식 선택자에도 사용 가능 태그 선택자 태그 선택자는 HTML 요소를 직접 지칭 해당 선택자와 같은 이름을 가진 태그 전부에 속성 적용 태그이름 { 속성1: 속성값1; 속성2: 속성값2; } div { background-color: #000; c..
![]()
CSS란? 사용자에게 문서를 표시하는 방법을 지정하는 언어 HTML 요소들이 각종 미디어에서 어떻게 보이는가를 정의하는 데 사용되는 스타일 시트 언어 웹 사이트에서 화면에 표시되는 정보들을 꾸며주는 역할 웹 페이지의 스타일을 별도의 파일로 저장할 수 있게 해주므로 사이트의 전체 스타일을 손쉽게 제어 웹 사이트의 스타일을 일관성 있게 유지할 수 있게 해주며, 그에 따른 유지 보수 편리 HTML - 문장 구조 CSS - 문장 디자인 CSS 사용 방법 인라인 스타일 HTML 요소 안에서 Style 속성 이용 해당 요소에만 스타일 적용 내부스타일 HTML 문서의 태그 내에 태그를 사용하여 스타일을 지정 해당 HTML 문서에만 스타일을 적용 외부스타일 별도의 CSS 파일을 분리하여 HTML 문서에 연결 웹 사이트..
![]()
브라우저 지원 여부에 따라 날짜를 선택하기 위한 캘린더 input input 요소를 사용하여 사용자로부터 입력을 받음 input 요소 텍스트 입력(text) 한 줄의 텍스트 입력 받음 검색할 내용을 입력하세요 : 비밀번호 입력(password) 화면에는 입력받은 문자나 숫자 대신 별표나 작은 원 모양이 표시 사용자 : 비밀번호 : 라디오 버튼(radio) 사용자로부터 여러 개의 옵션 중에서 단 하나의 옵션만을 입력받을 수 있음 이때 서버로 정확한 입력을 전송하기 위해서는 반드시 모든 input 요소의 name 속성 동일 HTML CSS JAVA C++ 체크박스(checkbox) 용자로부터 여러 개의 옵션 중에서 다수의 옵션을 입력받을 수 있음 이때 서버로 정확한 입력을 전송하기 위해서는 반드시 모든 in..
![]()
From form 요소를 사용하여 사용자로부터 입력 받고 사용자가 입력한 데이터를 서버로 전송 텍스트 필드에 글자를 입력, 체크박스나 라디오 버튼을 클릭하고 제출 버튼을 누르면 백엔드 서버에 양식이 전달 사용자가 form 요소를 통해 입력한 데이터는 action 속성에 명시된 위치로 method 속성의 방식을 통해 전달 action 속성 입력받은 데이터를 처리할 서버 상의 스크립트 파일의 주소를 명시 method 속성 입력받은 데이터를 서버에 전달할 방식을 명시 GET 방식 주소에 데이터(data)를 추가하여 전달 데이터가 주소 입력창에 그대로 나타남 전송할 수 있는 데이터의 크기 제한적 검색 엔진의 쿼리(query)와 같이 크기가 작고 중요도가 낮은 정보를 보낼 때 주로 사용 POST 방식 데이터(da..
