힘차게, 열심히 공대생

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)이고, 가장 오른쪽 아랫..

자바스크립트나 css 파일이 수정 후 적용이 안되는 이유는, 브라우저에서 캐시메모리가 저장되어있어서 수정되기 전의 캐시 메모리를 사용하기 때문이다. 2가지 방법이 있다. 1. js,css 링크에 버전관리를 추가 간단하게 js,css 파일을 불러오는 링크 후면 부에 ?ver=1 이런 식 으로 버전관리를 함으로써 브라우저가 새로운 js파일로 인식하게 한다. static 파일 링크를 가져왔다면 똑같이 그 뒤에 작성하면 된다. ver 뒤에 숫자는 아무거나 상관없다. 2. Ctrl + F5 새로고침할 때 캐시까지 새로고침하는 방법이다 이게 제일 간편한 것 같다.

Promise Promise란, (약속) JavaScript에서 제공하는 비동기를 간편하게 처리할 수 있도록 도와주는 object이다. Promise 기능 프로미스는 정해진 기능을 수행하며, 이 수행을 성공하면 어떤 값을 Return 하고 문제가 발생하면 error를 Return 한다. Promise 객체의 interface를 보면, executor라는 콜백함수 안에 (reslove 와 reject 라는 2개의 콜백함수를 인자로 받는다) 여기서 Executor 콜백함수는 프로미스 객체가 생성되면 자동적으로 실행하는 콜백함수이다. (Automatically function) 따라서 사용자와 서버가 불필요한 통신을 수행할 수 있기때문에 사용에 유념하여햐한다. reslove 와 reject resolve와 r..

Json 이란 : https://thalals.tistory.com/32 이전에 JSON의 형태의 대해 Python으로 정리를 한 적이있다. Json의 개념과 형식(format)은 전에 공부하였고, 오늘은 자바스크립트에서 Json의 활용법을 정리하고자 한다. JSON 이란 JSON API 자바스크립트에서 JSON에 내장되어 API는 1. parse : JSON to object 2. stringify : object to JSON 이 2개임을 아래의 사진을 통해 확인 할 수 있다. Object to JSON stringigy API로 JavaScript object를 json으로 변환 시킬 수 있다. Stringify API Interface를 보면 2가지 타입으로 오버로딩 되어있는 있다. 1. 첫번째는..