항해 99 19

WIL _ 파이썬(Python) 패키지 (requests) 설치 해보기

1. 패키지? 라이브러리? Python 에서 패키지는 모듈(일종의 기능들 묶음)을 모아 놓은 단위로 이런 패키지의 묶음을 라이브러리 라고 볼 수 있다. 즉, 파이참에서 패키지 설치 = 외부 라이브러리 설치! 2. 가상 환경(virtual environment) 이란? - 프로젝트별로 패키지들을 담을 공구함 가상환경(virtual environment)은 같은 시스템에서 실행되는 다른 파이썬 응용 프로그램들의 동작에 영향을 주지 않기 위해, 파이썬 배포 패키지들을 설치하거나 업그레이드하는 것을 가능하게 하는 격리된 실행 환경 ##가상환경이 필요한 상황 예시## 회사에서는 패키지 A, B, C를 설치해서 쓰고, 개인 프로젝트에서는 패키지 B, C, D, E를 설치해서 쓰고 있었어요. 그런데 회사팀장님이 B를..

WIL _ 파이썬 기초

말로만 듣던 파이썬을 알아본다. 나도 이제 API를 만들고 서버와 연동을 할 수 있는건가?! 1. 파이썬 기초 문법 1) 변수 & 기본연산 a = 3 # 3을 a에 넣는다 b = a # a를 b에 넣는다 a = a + 1 # a+1을 다시 a에 넣는다 num1 = a*b # a*b의 값을 num1이라는 변수에 넣는다 num2 = 99 # 99의 값을 num2이라는 변수에 넣는다 # 변수의 이름은 마음대로 지을 수 있음! # 진짜 "마음대로" 짓는 게 좋을까? var1, var2 이렇게? 2) 자료형 숫자, 문자형 name = 'bob' # 변수에는 문자열이 들어갈 수도 있고, num = 12 # 숫자가 들어갈 수도 있고, is_number = True # True 또는 False -> "Boolean"형..

WIL _ visit jeju(비짓 제주) open API 활용

visit jeju가 제공하는 오픈 API를 활용하여 관광지 등록하기 1. Open API 신청하기 오픈 api는 공공데이터 포털이라는 사이트를 통해 검색 https://www.data.go.kr/ 공공데이터 포털 국가에서 보유하고 있는 다양한 데이터를『공공데이터의 제공 및 이용 활성화에 관한 법률(제11956호)』에 따라 개방하여 국민들이 보다 쉽고 용이하게 공유•활용할 수 있도록 공공데이터(Datase www.data.go.kr 검색해서 찾기 어려울 실까봐 제주도는 visit jeju라는 사이트에서 오픈 api 키를 신청해야하기에 아래 링크로 접속 https://www.visitjeju.net/kr/visitjejuapi 비짓제주 관광정보 OPEN API 비짓제주 관광정보 OPEN API란?비짓제주가..

WIL _ Ajax 활용

할 때는 익숙하지만 계속 잊게된다... let을 기본으로 사용하는거에 익숙해져야 할거같다. row 데이터가 여러값일 때는 필요한 부분만을 추출하기 위해 rows를 설정하는듯 온도나, 르탄이(이미지,텍스트) 처럼 하나의값에서 받아오는? 형태는 다른 태그를 활용했다. 1.서버-클라이언트 통신 이해하기 클라이언트→서버 : GET 요청 이해하기 API는 은행 창구와 같은 것! 같은 예금 창구에서도 개인 고객이냐 기업 고객이냐에 따라 가져와야 하는 것 처리해주는 것이 다른 것처럼, 클라이언트가 요청 할 때에도, "타입"이라는 것이 존재 * GET → 통상적으로! 데이터 조회(Read)를 요청할 때 예) 영화 목록 조회 * POST → 통상적으로! 데이터 생성(Create), 변경(Update), 삭제(Delete..

WIL _ JQuery 활용

1. jQuery 란? HTML의 요소들을 조작하는, 편리한 Javascript를 미리 작성해둔 것. 라이브러리! Javascript로도 모든 기능(예 - 버튼 글씨 바꾸기 등)을 구현할 수는 있지만, 1) 코드가 복잡하고, 2) 브라우저 간 호환성 문제도 고려해야해서, jQuery라는 라이브러리가 등장 JQuery는 개발자들이 짜둔 코드를 가져오는 형태로 사용전 임포트를 해야한다. https://www.w3schools.com/jquery/jquery_get_started.asp jQuery Get Started W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Cov..

WIL _ 부트스트랩 활용하여 포스팅 박스 만들기 (feat.모바일 처리)

1. 포스팅 박스 추가하기 - 부트 스트랩에서 URL / 난이도 선택 / 코멘트 부분을 가져와 진행 노래 URL 난이도 별1~5개 ⭐ ⭐⭐ ⭐⭐⭐ ⭐⭐⭐⭐ ⭐⭐⭐⭐⭐ Comments 기록하기 닫기 - 박스의 그림자 효과와 라인 색상을 바꾸는 코드 box-shadow: 0px 0px 4px 0px lightpink; [box-shaodw에서 각 숫자의 의미] - 수평거리 : 양수 값은 오른쪽, 음수 값은 왼쪽으로 그림자를 만듦 - 수직거리 : 양수 값은 아래쪽, 음수 값은 윗쪽으로 그림자를 만듦 - 흐림정도 : 값이 커질 수록 부드러운 그림자를 표시(음수값은 없음) - 번짐정도 : 양수 값은 그림자를 모든 방향으로 확장 / 음수 값은 그림자를 모든 방향으로 축소 (기본값 0) - 색상 : 그림자의 색상 -..

WIL _ 구글 웹 폰트, 부트스트랩 활용

1. 구글 웹 폰트 활용 먼저 구글 폰트에서 마음에 드는 폰트를 선택한다. (*아래 구글폰트 링크 참고) https://fonts.google.com/?subset=korean Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 1. 폰트 Select this style 클릭 2. link 복사해서 html 파일의 - bootstrap 사이트 https://getbootstrap.com/docs/5.0/components/buttons/ Buttons Use Bootstrap’s custom button styles for actions in forms, dialogs, and..

WIL _ HTML, CSS 기초

HTML - 뼈대 : HTML은 구역과 텍스트를 나타내는 코드 1. 태그 (tag) - 와 기호를 사용하여 내요으이 시작과 끝을 표시한다. 2. 주석 - 사람에게는 보이지만 컴퓨터는 인식하지 않는 코드로 코드 내용에 대한 메로를 남김 ex) 단축키 : ctrl + / 나는 구역을 나누죠 3. 기본 태그 설명 나는 구역을 나누죠 나는 문단이에요 bullet point!1 bullet point!2 h1은 제목을 나타내는 태그입니다. 페이지마다 하나씩 꼭 써주는 게 좋아요. 그래야 구글 검색이 잘 되거든요. h2는 소제목입니다. h3~h6도 각자의 역할이 있죠. 비중은 작지만.. span 태그입니다: 특정 글자를 꾸밀 때 써요 a 태그입니다: 하이퍼링크 img 태그입니다: input 태그입니다: button..