영최의 개발켈로그

1. 먼저 크롬 웹스토어에서 '백준 허브'를 검색해서 다운 받는다. 2. 다운 받은 이후 상단 확장 프로그램에서 백준 허브를 클릭한다. 3. 이후 절차에 따라 새로운 레퍼지토리를 설정하거나 기존 레퍼지토리를 연동시키면 되는데 , 왜인지 모르겠으나 기존 레포지토리에 연동이 안된 적이 있어서 새로운 레퍼지토리에 연동해주는게 좋을 듯하다. 4. 만약에 백준 문제를 풀고 제출했을 때 빨간 체크 박스가 뜨는 경우가 있다. 이 경우 깃허브에 연동이 되지 않았다는 것을 의미한다. 이럴 때는 확장 프로그램에서 'CORS'를 검색해서 맨 위 프로그램을 다운 받고 이후 상단에서 선택한다음 'on'으로 바꿔준다. 이후에는 잘 업로드 되는 것을 확인할 수 있다.

1. 반응형 vs 적응형 - 반응형이란? 디스플레이 종류에 따라 화면의 크기가 자동으로 최적화되는 웹페이지이다. - 적응형이란? pc용 사이트와 모바일용 사이트를 별도로 제공하는 방식을 말한다. 2. 반응형 웹을 위한 CSS의 Media query - Media query란? 반응형 레이아웃을 구성하게 해주는 CSS문법이다. - 사용 방법 @media and (미디어 조건) {} (1) 미디어 유형 : all(모든 미디어 장치), screen(화면을 출력하는 디스플레이가 있는 기기), print(인쇄 화면) (2) 미디어 조건 : A.width : 뷰포트 너비 - min-width/ max-width B.height: 뷰포트 높이 - min-height/ max-height C.orientation: 가..

1. Javascript 내장 메소드를 알아보자 ~! 1) 문자열관련 메소드 -> 기존 str 안바뀜 - length - 문자열 길이를 반환(공백 포함)// 속성이라 () 안씀 - toUpperCase()&toLowerCase() - 문자열 전제 대문자, 소문자 변경 - indexOf{''} - 문자열을 받아서 몇번째 인덱스인지 반환 - slice(startrldx,endldx)-시작~끝까지 슬라이싱, 음수값도 가능함 - replace(str1,str2) - 처음만 찾아서 변경 - replaceAll(str1,str2) - 모두 찾아서 변경 - repeat(n) - n번 반복 - trim() - 양끝 공백 없앰 - split() - 문자열을 배열로 바꿔주는 함수인데 '기준' 이 필요 if ''-> 전체 ..

1. 반복문이란? : 특정 조건을 만족할 때 같은 동작을 반복하여 수행하도록 만든 제어하는 명령문이다. 2. 반복문의 종류 1) for문 for (초기화식; 조건식; 증감식) { 실행문장;} 2) while문 - for문과 달리 조건을 변경하는 구문이 기본적으로 포함되어 있지 않기때문에 무한루프가 가능하다. - 무한 루프에 걸리지 않도록 주의하여 사용이 필요하다 while (조건문) {실행할 코드(명령문);} //1. 조건문을 사용하는 방법 let num = 0; while (num < 10) { console.log(`$(num+1)번째`); num++; } //2. if + break사용 let num2 = 0; while(true) { conole.log(`${num2+1}번째`); num2++ i..

1. 조건문이란? : 어떤 조건이 주어질 때 어떤 동작을 수행하도록 하는, 즉 조건에 따라 실행이 달라지게 할 때 사용되는 문장이다. 2. JavaScript 조건문의 종류 1) if a. if/else: if(조건) { //조건이 참이라면 실행 } else { //조건이 거짓이라면 실행 } b. if/elif/else - if-if 문과의 차이점은 if-if 문의 경우 두가지 조건을 모두 체크하는 반면, if-elif의 경우 위의 if 문이 만족되면 뒤의 elif문으로 넘어가지 않고 마치 채에 걸러지듯 if문이 아닌 것들만 elif문으로 넘어가서 조건을 판별하게 된다. 그래서 else-if => elif 이다. if(조건1) { //조건 1이 참이라면 실행 } elif(조건2) { //조건1이 거짓이고..

1. 함수란? : 특정 동작(기능)을 수행하는 일부 코드의 집합(부분)이다. 2. JavaScript의 함수 작성법 1) 함수 선언문 - 함수 선언문은 선언을 하면 마치 구조상 맨 꼭대기에서 선언한 것과 동일하게 동작하므로, 어디서든 호출 가능하다. -*호이스팅: 인터프리터가 변수와 함수의 메모리 공간을 선언 전에 미리 할당하는 것을 의미 function 함수명(인자) {실행동작;} 2) 함수 표현식 - 함수 표현식은 함수 작성 이후에만 호출이 가능하다. let 함수 명 = function(인자){ 실행동작;} 3) 화살표 함수 - 함수 표현식과 동일하며, 축약된 형태이다. let 함수명 = (인자) => {실행동작;} 3. onclick이란? : 각각의 HTML요소에 속성 값으로 Js 함수를 연결하는 ..

단계 문제 번호 제목 코드 수정 1 1330 두 수 비교하기 A, B = map(int,input().split()) if A > B : print('>') if A

1. JavaScript란? 객체 기반의 스크립트 프로그래밍 언어이다. 웹페이지에 생동감을 부여한다. 2. JavaScript 참조 방식? - 내장 방식과 링크 방식이 존재한다. - 내장 방식: 위치는 어디서나 사용이 가능하다. - 링크 방식: 위치는 어디서나 사용이 가능하다. - 장단점 내장 방식 링크 방식 장점 - 간단함, - 특정 페이지에서만 작동할 경우 내장방식으로만 구현이 가능함 - 코드 양이 많아질때 파일로 관리하는 것이 편리함 - 재사용 가능 - 유지 보수의 용이성 단점 - 재사용 불가 - 복잡한 코드일 때 사용하지 않음 3. JavaScript 표기법 - 띄어쓰기를 '-' 로 표기하는 dash-case방법이나, '_'로 표현하는 snake_case 방법은 JavaScript에서 사용되지 않..