본문 바로가기

programming study

(889)
[스파르타코딩] 웹개발 종합반 항해 1기 2주차 (1)(2021.2.2) 본 내용은 스파르타코딩 웹개발 종합반 강의를 토대로 작성 1. JQuery 시작하기 HTML의 요소들을 조작하는 Javascript 코드를 미리 작성해둔 것 : 라이브러리 복잡한 코드, 브라우저간의 호환성을 극복 미리 짜둔 코드이기 때문에, 사용전에 import해야한다. 2. JQuery 다뤄보기 import Jquery를 사용하기 위해, 항상 import를 먼저 한다. 자주 사용하는 JQuery input 박스의 값 가져오기 아티클 URL placeholder="" 간단 코멘트 기사 저장 크롬 콘솔창에서 $('#post-url').val(); // id가 post-url인 inputbox에 접근한다. // val() 괄호 안에 값을 입력하면 inputbox의 텍스트를 입력할 수 있다. div 보이기 /..
[스파르타코딩] 웹개발 종합반 항해 1기 1주차 (2)(2021.2.2) 본 내용은 스파르타코딩 웹개발 종합반 강의를 토대로 작성 1. Javascript 맛보기 Javascript 브라우저가 알아들을 수 있는 프로그래밍 언어 웹 페이지를 움직이게 한다. 역사적으로 이미 만들어진 표준이기 때문에 모든 브라우저는 Javascript를 이해한다. HTML과 연결 head 태그에 script 태그를 작성한다 함수를 정의하여 웹 페이지에 기능을 추가할 수 있다. 예시 포스팅박스 열기 2. Javascript 기초 문법 (1) 변수 & 기본연산 let 변수명 = 값 오른쪽에 있는 값을 왼쪽의 변수에 넣는다. let으로 선언 사칙연산, 문자열 더하기가 가능하다. 변수명 정하는 규칙: 회사마다 다르며, 크게 아래의 두 가지가 있다. snake case camel case snake cas..
[스파르타코딩] 웹개발 종합반 항해 1기 1주차 (1)(2021.2.1) 본 내용은 스파르타코딩 웹개발 종합반 강의를 토대로 작성 1. 서버/클라이언트/웹의 동작 개념 클라이언트(브라우저)는 서버에게 웹 페이지를 요청한다. 서버는 웹페이지를 전달한다. 클라이언트(브라우저)는 출력 2. HTML, CSS 기본 내용 HTML: 뼈대, 문서형태 기반, 태그문법 body: 페이지의 내용 head: 페이지의 속성 정보 CSS: 꾸미기 3. CSS 기초 HTML의 부모-자식 구조 : 부모 태그가 영향을 받으면 그것의 자식 태그도 영향을 받는다. CSS 사용하기 head태그안에 style태그를 생성하여 작성한다. 꾸밀 요소를 선택하여 적용한다. 예시 로그인 페이지 4. 자주 쓰이는 CSS 연습하기 ## margin, padding 요쇼의 경계를 기준으로 padding: 안쪽 여백 marg..
[인프런 - 김태원] 파이썬 알고리즘 문제풀이 (코딩테스트 대비) (10)(2021.1.31) 본 내용은 해당 강의 토대로 작성 1. 마구간 정하기(결정알고리즘) 문제 해설 입력받은 마굿간을 오름차순으로 정렬하기 주어진 조건하에, 가장 가까운 두 말의 최대거리를 이분 검색으로 찾기 첫 번째 말은 무조건 첫 번째 마굿간에 넣기 문제 풀이 def Count(mid): cnt = 1; # 카운트 h = a[0]; # 말을 놓은 곳 for i in range(1, n): if a[i] - h >= mid: cnt += 1; # 말 배치 h = a[i]; return cnt; n, c = map(int, input().split()); a = []; for _ in range(n): x = int(input()); a.append(x); a.sort(); s = 1; e = a[n - 1]; while s..
[인프런 - 김태원] 파이썬 알고리즘 문제풀이 (코딩테스트 대비) (9)(2021.1.30) 본 내용은 해당 강의 토대로 작성 1. 이분검색 이분검색 오름차순 정렬된 상황에서 목표로하는 값을 찾을 때 리스트를 반으로 나눈 뒤에 검색목표값보다 중간점이 작은 경우 시작점을 중간점 +1에 두고 다시 검색목표값보다 중간점이 큰 경우 끝점을 중간점 +1에 두고 다시 검색목표값과 중간점이 같을 때까지 위를 반복문제 풀이 n, m = map(int, input().split()); arr = list(map(int, input().split())); s = 0; # 시작점 e = n; # 끝점 arr.sort(); # 오름차순 정렬 while s m : # 중간점보다 목표값이 작은 경우 e = mid - 1; 문제 답안 n, m = map(int, input().split()); a = list(map(in..
[프로그래머스] Hello, JavaScript: 자바스크립트 입문 (2) (2021.1.29) 본 내용은 해당 강의 토대로 작성 Part6. Array 1. 배열 만들기 배열 값을 저장할 수 있는 엘리먼트(변수)의 연속된 공간. 주소(index)를 이용해 각 엘리먼트에 접근 가능. 배열 정의 빈 배열 : var arr = [ ]; 초기화된 배열 : var arr = [1, 2, 3, 4, 5]; 어떤 자료형이든 저장가능 var mixed_arr = [1, true, 3.14, "string", {name : "object" }, [1, 2, 3] ]; 배열 길이 .length 사용 배열 접근 대괄호 안에 인덱스 사용 arr[index]; 인덱스는 0부터 센다. 2. 배열 사용하기 배열 엘리먼트 추가 / 삭제 .push(element) : 배열의 뒤에 엘리먼트 추가 .pop(): 배열의 뒤에서 엘리..
[인프런 - 김태원] 파이썬 알고리즘 문제풀이 (코딩테스트 대비) (8)(2021.1.28 ~ 29) 본 내용은 해당 강의 토대로 작성 1. 격자판 최대합 문제 해설 2차원 배열 문제 문제 풀이 import sys sys.stdin = open("in5.txt", "rt") n = int(input()); arr = [list(map(int, input().split())) for _ in range(n)]; # 2차원 리스트로 입력 받기 arrSum = 0 ; # 합 maxSum = 0; # 최대합 for i in range(n): # 각 행의 합 최대 구하기 for j in range(n): arrSum += arr[i][j]; if maxSum < arrSum: maxSum = arrSum; arrSum = 0; for i in range(n): # 각 열의 합 최대 구하기 for j in rang..
[프로그래머스] Hello, JavaScript: 자바스크립트 입문 (1) (2021.1.28) 본 내용은 해당 강의 토대로 작성 Part 1. 시작하기 1. 실습환경 만들기 사용 에디터 : sublimetext 브라우저 : chrome JavaScript HTML, CSS와 함께 client side 웹 프로그램을 작성할 수 있다. 별도의 개발환경이 필요 없다. 웹 브라우저에서 실행할 수 있다. 기존 언어들보다 상대적으로 문법이 쉽다. 웹에 interactive한 기능을 줄 수 있다. alert 특정 메시지를 브라우저 경고창에 출력한다. alert("출력할 문구"); HTML과 연결하기 this is basic HTML page head 태그에 script태그로 연결 2. Developer Console 사용하기 Developer Console(개발자 도구) 브라우저에서 제공하는 개발들을 위한 도..