본문 바로가기

전체 글323

파이썬 독학 (나도코딩) 1 print(): 출력 ctrl+shift+F10 : 코드 실행 주석 설정 - 1. 설정하고자 하는 문장 앞에 # 2. ctrl+/ 3. 여러 문장을 한꺼번에 설정하고 싶으면 첫 문장 앞줄에 '''(따옴표 3번) 연산 1. **은 제곱 표현 ex) 2**3=2^3 2. %는 나눗셈의 나머지 ex) 5%3=2 3. //은 나눗셈의 몫 ex) 10//3=3 4. 숫자 비교시 =은 한번이 아닌 두번 입력 == ex> 3+4==7 5. 숫자 비교시 같지 않다 표시는 != ex) 1 != 3 6. 명제 두개 이상 시 and,&는 모두 만족해야 true, or는 하나만 만족해도 true 7. 기존 변수에 추가적인 계산 후 적용시키고 싶으면 다음 문장에 설정 ex)number=3 다음줄에 number = number .. 2022. 5. 5.
CSS 독학 CSS 스타일 클래스 설정 시 클래스 이름 앞에 .을 붙어야함 ex) .AB {} font-family: 글꼴 font-style: 글씨체 font-size: 글자 크기 font-weight: 글자 굵기 ※ 다양한 글꼴 사용을 위해 구글 폰트(https://fonts.google.com/) 이용 방법 1. 사이트 접속 후 마음에 드는 글씨체 선택 2. 오른쪽 @import 클릭 후 코드 복사 -> 붙여넣기 글자 색깔 설정 태그 옆의 정사각형 아이콘에 마우스 포인터를 올리면 색상표에 따른 디테일한 색상 설정 가능 margin: 바깥 여백 padding : 테두리와 내용 사이의 여백 -> (시계방향으로 위, 오른, 아래, 왼) -> (위, 양옆, 아래) -> (위아래, 양옆) -> (모든 방향) text-a.. 2022. 5. 1.
HTML 독학 이 파일은 html5 파일임을 선언하는 태그 (document type) html 언어코드 - en:영어, ko:한국어 html 태그 - 웹 문서의 시작과 끝 pycharm의 기본 태그 - 없으면 글씨가 외계어처럼 오류가 나옴 : 주석(메모) 태그 ol: ordered list 순서가 있는 목록 태그 - type = "a", "A", "1" 등으로 목록번호의 속성을 정할 수 있음 li: ol 태그 내에서 하위 목록 col, colgroup 태그는 반드시 caption 태그 다음에 써야함. colgroup, col: 표에 기본설정외에 추가 사고 싶을 때 사용 colgroup 먼저 입력하고 하위 단계로 각 열마다 col을 적용하여 적용 img src: 이미지 파일 경로 img alt: 이미지 대체 텍스트 제.. 2022. 4. 30.
코딩 기본 용어 정리 CPU - 계산 RAM - 기억 OS(운영체제) - 기반이 되는 프로그램 코딩 - OS에 명령을 내려 기계를 제어하는 것 = 프로그래밍(프로그램을 만드는 것) 프로그래밍 언어의 차이는 특성의 차이지 할 수 있는 기능의 차이가 아님(국어와 외국어의 차이 같은) http = 웹 통신 https = http에서 암호화를 통해 보안을 강화한 것 웹 서버를 만들었다 = 웹 통신 요청을 받아 그에 대한 반응을 했다 서버 = 인간으로 따지면 직업 - 요청자와 수행자의 사이에서 데이터를 전달해주는 중간 공유기 역할(교환원) 브라우저 - 요청을 보내고 받아서 그대로 그려줌 (HTML-뼈대, CSS-꾸미기, Javascript-움직이기,기능) JSON 방식 - 키 : value (뼈대는 그대로 두고 데이터만 바꿀때 사용).. 2022. 4. 30.
웹개발 종합반 4주차 4주차 프레임워크 : 서버를 구동시켜주는 편한 코드 모음 http://localhost:5000/ - 내가 만든 서버의 5000번문 프로젝트 폴더 안에서 static: 이미지, CSS파일 templates: html파일(index.html 꼭 templates 폴더 안에서 만들 것! 다른 폴더에서 만들면 localhost 접속시 오류뜸!) GET - 데이터 조회 요청(URL뒤에 ?를 붙여 전달) POST - 생성, 변경, 삭제 요청 for (let i = 0; i < articles.length; i++) 모두의 북리뷰 나홀로 메모장 숙제 2022. 1. 5.
웹개발 종합반 3주차 3주차 자바스크립트에서 함수는 function, 파이썬에서는 def 파이썬 패키지 - 남이 만든 틀을 가져다 쓰는 것(부트스트랩과 비슷) requests 코드를 따서 요청 BeautifulSoup 솎아내기 MongoDB : 데이터베이스 Robo 3T : MongoDB의 데이터를 시각화 SQL : 엑셀처럼 틀이 정해져 있어 데이터가 일관적이라 분석에 용이하지만 중간에 수정하는 것은 어려움(My-SQL,오라클) NO-SQL : 틀이 없이 자유롭게 적재 가능 일관성은 부족하지만 수정은 편리(MongoDB) Pymongo 기본기능: insert(추가)/find(찾기)/update(수정)/delete(삭제) :False 해당값 안보이게 {} : 빈칸 = 전부 가져와라 # 저장 - 예시 doc = {'name':'.. 2022. 1. 1.
웹개발 종합반 2주차 Jquery ${}: 즉시 적용(출력) 조건문 : if ~ A else B ~ - true면 A, false면 B alert: 경고창 띠우기 $('#post-box').hide(); $('#post-box').css('display'); $('#post-box').show(); $('#post-box').css('display'); 숨기기, 보이기 Ajax 기본 function q1() { $.ajax({ type: "GET", url: "주소", data: {}, success: function (response) { } }) } Ajax 기본 해설 $.ajax({ type: "GET", // GET 방식으로 요청한다. url: "", data: {}, // 요청하면서 함께 줄 데이터 (GET 요청시엔.. 2021. 12. 28.
웹개발 종합반 1주차 #1 용어 정리 및 단축키 웹개발 기본용어 HTML(HyperText Markup Language) - 뼈대(웹 문서를 만드는 기본 언어) CSS - 꾸미기 Javascript - 움직이는것(기능) : 태그 div: 나누기, p: 문단, h1: 제목, h2: 소제목 span: 특정 글자 꾸미기, a: 하이퍼링크 - href 속성을 이용하여 링크 주소 삽입 hr: 가로선, 주석처리: ctrl+/, font-weight: 글씨굵기, margin: 간격 width: 너비, height: 높이 onclick: 클릭할때 실행되는 활동(주로 function, order와 같이 쓰임) padding: 굴곡, border: 경계선 설정 src: 파일의 출처 파이참 단축키 ctrl+A : 전체 선택 ctrl+alt+L .. 2021. 12. 25.

티스토리툴바