힘차게, 열심히 공대생

9.17 웹 프로그래밍 A-Z기초 5주차 및 복습 1) Og 태그 달기 2일차 TIL에서 Og태그라는 약속된 태그를 이용해 정보를 긁어온다고 정리한 적이있다. 이 og태그를 달아야만, 카카오톡같은 곳에 공유했을 때, 미리보기가 제공된다. [head 안에 넣는게 관행적] 2) 리눅스 PS 명령어 aws 서브를 nohup으로 백그라운드에 실행시키고 있는걸 강제종료하기위해서 ps -ef | grep '파일이름' 을 이용했다. PS -ef의 의미 ps 는 실행중인 프로세스 목록과 상태를 보여주고, ps 명령어 옵션으로 -e, -ef, -a 등등이 있다. -e : 커널프로세스를 제외한 모든 프로세스 탐색 -f : 풀 포맷(자세하게) 형식으로 프로세스 정보를 보여준다. ps -ef : 전체 다보기 grep 옵션 g..

9.16 웹 프로그래밍 A-Z기초 5주차 1) AWS 서버 구매하기 https://ap-northeast-2.console.aws.amazon.com/ec2/v2/home?region=ap-northeast-2 https://ap-northeast-2.console.aws.amazon.com/ec2/v2/home?region=ap-northeast-2 ap-northeast-2.console.aws.amazon.com 1. aws 에 들어가 로그인을 한 후 인스턴스를 클릭힌다. [인스턴스] - [인스턴스 시작] - 3번째 거 (ubuntu server 18.04) 인스턴스 : 서버 하나하나 오픈소스 라이브러리인 리눅스 기반 서버 Ubuntu를 사용한다. (무료 라이센스이기 때문) 2. T2 micro 선..

9.15 웹 프로그래밍 A-Z기초 4주차 1) Flask 플라스크는 파이썬으로 작성된 웹 프레임워크로, 파이참을 이용해 pip flask 라이브러리를 설치함으로써 사용할 수 있다. 1. 플라스크 시작하기 서버를 실행시킬 폴더를 만든 후, 폴더 안에 app.py 를 하나 만듭니다. app.p : 서버를 구동시킬 파일로 사용되며, 이름은 아무거나해도 상관없지만 통상적으로 app.py를 많이 씀 from flask import Flask app = Flask(__name__) @app.route('/') def hello(): return 'Hello, My First Flask!' app.py 와 같은 폴더안에 "templates" 폴더를 생성합니다. templates : 폴더안에 html 파일이 위치합니다..

9.14 웹 프로그래밍 A-Z기초 2주차 1) jquery 1. [class, id 지칭] - css 와 반대 class : ex) $(".class").val() id : ex) $("#id").val() 2. 백틱(``) - jquery html append let temp_html = `` temp_html = ` 이 버튼이 삽입됨` $('#html_id').append(temp_html) 3. 제이쿼리 이미지 src 변경 (jquery img src) $('#img').attr('src', url); 4. 윂이지 로딩 후 호출 (바로 호출) jquery를 이용하여 웹페이지가 로딩됨과 동시에 함수를 호출하고 싶다면 아래의 코드를 삽입하면 된다. $(document).ready(function (){..

9.13 웹 프로그래밍 A-Z기초 1주차 1) 파이참 자동 정열 (깔금하게 정리) * 탭 - 영역관리? 는 되지않고 줄만 나누어진다...ㅠ ctrl+alt+L (이런 느낌) 로그인 페이지 ID: PW: 로그인하기 2) CSS 속성 1. background - size : cover 백그라운드 이미지를 지정해 줄 때, cover에 맞게 사이즈 조정 2. margin : auto 객체 가운데 정렬 (양쪽 여백을 동등하게 줘서 해결) .wrap { margin: 10px auto; width: 300px; } 3. class의 이름을 2개 붙히는게 가능하다..! (클래스 중첩) 로그인하기 이렇게 지정을 해주면 .mybtn 과 .red-font 2개의 class 이름은 모두 설정이 먹는다 3) 부트스트랩 사용하..

외부 js 파일에서 ajax 통신으로 장고랑 연결하다가. Forbidden (CSRF token missing or incorrect.): 에러를 받았다. html 안에서처럼 post 방식으로 보낼때, {{ csrf_token }} 으로 했는데 이 방법이 잘못된 것 같다. 장고 공식문서에서는 2가지 방법을 제안한다. 1. csrf 검사를 프리패스 시킬것 (보안상 권장하지 않는 방법이라고 한다. 이 글에서는 기록하지 않겠다. 찾으면 많이 나와용) 2. js 파일에서 csrf token 값을 생성 (코드가 공식문서에 나와있다.) 아래 참고한 블로그에서는 html 파일에서 csrf token 값을 변수에 할당하고 그 값을 외부 js 파일에 불러와서 csrfmiddlewaretoken 값으로 보내주었다. 문서에..

django 는 탬플릿 변수와 url 태그를 html 파일에서 사용하는데 만약 html과 js파일이 분리되어있다면, 자바스크립트에서 탬플릿 변수를 사용할 수 없다. (django 태그를 먼저 처리하고, 그 후 스크립트 파일을 불러오기 때문이다.) 외부 자바스크립트에서 탬플릿 변수를 사용하기 위해서는 아래의 방법을 이용하여야 한다. 자바스크립트에 Django의 url 태그 사용 방법 외부 js 파일에서 장고 탬플릿 변수 or 탬플릿 태그를 사용하기 위해서는 자바스크립트 변수를 할당하는 방법이 있다. 무슨 말이냐면, 1. 먼저 스크립트를 불러오기 전에 html 부분에 자바스크립트 변수를 할당하여 변수에 탬플릿 변수, 혹은 url 태그를 할당해 준다. 2. 그 후 스크립트를 불러오고 3. 외부 js 파일안에서..

카카오 주소검색 api를 사용하다가, requests 라는 모듈을 사용하길래 이게 무엇인지 궁금해서 공부해 보았다. 해당 코드 def getLatLng(addr): url = 'https://dapi.kakao.com/v2/local/search/address.json?query='+addr headers = {"Authorization": "KakaoAK kakao_http_key"} result = json.loads(str(requests.get(url,headers=headers).text)) match_first = result['documents'][0]['address'] return float(match_first['y']),float(match_first['x']) Python Reque..

https://postcode.map.daum.net/guide Daum 우편번호 서비스 우편번호 검색과 도로명 주소 입력 기능을 너무 간단하게 적용할 수 있는 방법. Daum 우편번호 서비스를 이용해보세요. 어느 사이트에서나 무료로 제약없이 사용 가능하답니다. postcode.map.daum.net

마법사 상어와 비바라기 성공 시간 제한메모리 제한제출정답맞은 사람정답 비율 1 초 (추가 시간 없음) 1024 MB 1203 670 473 56.310% 문제 마법사 상어는 파이어볼, 토네이도, 파이어스톰, 물복사버그 마법을 할 수 있다. 오늘 새로 배운 마법은 비바라기이다. 비바라기를 시전하면 하늘에 비구름을 만들 수 있다. 오늘은 비바라기를 크기가 N×N인 격자에서 연습하려고 한다. 격자의 각 칸에는 바구니가 하나 있고, 바구니는 칸 전체를 차지한다. 바구니에 저장할 수 있는 물의 양에는 제한이 없다. (r, c)는 격자의 r행 c열에 있는 바구니를 의미하고, A[r][c]는 (r, c)에 있는 바구니에 저장되어 있는 물의 양을 의미한다. 격자의 가장 왼쪽 윗 칸은 (1, 1)이고, 가장 오른쪽 아랫..