IT Cookie

3. 문자열 & 튜플 자료형 3-1 문자열 자료형 문자열 변수를 초기화 할 때, 큰 따옴표(") 또는 작은 따옴표(')를 사용 문자열 안에 큰 따옴표 또는 작은 따옴표가 포함되는 경우 전체 문자열을 큰 따옴표로 사용할 경우, 내부적으로 작은 따옴표 포함할 수 있음 전체 문자열을 작은 따옴표로 사용할 경우, 내부적으로 큰 따옴표를 포함할 수 있음 word = 'Hello World' print(word) // Hello World [문자열 연산] 문자열 변수에 덧셈(+)을 사용할 경우, 문자열이 더해져 연결됨 문자열 변수를 특정한 양의 정수와 곱했을 경우, 문자열이 그 값만큼 여러번 더해짐 문자열에서도 인덱싱과 슬라이싱 사용가능 단, 문자열은 특정 인덱스의 값을 변경할 수 없음. a = "Python" b..

2. 리스트 자료형 여러개의 데이터를 연속적으로 담아 처리하기 위해 사용하는 자료형 USER 입장에서 C나 JAVA에서의 배열(array)의 기능 및 연결 리스트와 유사한 기능을 지원 배열 또는 테이블이라고 부름 2-1. 리스트 초기화 리스트는 대괄호([])안에 원소를 넣어 초기화 / 쉼표(,)로 원소를 구분 비어 있는 리스트를 선언하고자 할 때는 list() 혹은 []를 이용 리스트의 원소에 접근할 때는 인덱스(index) 값을 괄호에 넣음 index는 0부터 시작함 # 직접 데이터를 넣어 초기화 a = [1,2,3,4,5,6,7,8,9] print(a) // [1, 2, 3, 4, 5, 6, 7, 8, 9] # 7번째 원소만 출력 print(a[6]) // 7 # 크기가 N, 모든 값이 0인 1차원 ..

1. 수 자료형 1-1. 정수형(integer) 정수를 다루는 자료형 양의 정수, 음의 정수, 0이 포함 # 양의 정수 a = 2023 print(a) // 2023 # 음의 정수 a = -2023 print(a) // -2023 # 0 a = 0 print(a) // 0 1-2. 실수형(float) 소수점 아래의 데이터를 포함하는 수 자료형 파이썬에서는 변수에 소수점을 붙인 수를 대입 => 실수형 변수로 처리 소수부가 0 또는 정수부가 0인 소수는 0을 생략 가능 # 양의 실수 a = 2023.03 print(a) // 2023.03 # 음의 실수 a = -2023.03 print(a) // -2023.03 # 소수부가 0일 때 0을 생략 a = 3. print(a) // 3.0 # 정수부가 0일때 0..

💻 팬명록 메인페이지 만들기 ✔️부트스트랩 시작 템플릿 뉴진스(newjeans) 팬명록 ✔️부트스트랩 컴포넌트 5.0 💡부트스트랩의 Card → Quote 이용하기 Buttons Use Bootstrap’s custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more. getbootstrap.com [1단계] 타이틀 구현 [2단계] 응원남기기 포스팅 구현 닉네임 응원댓글 응원 남기기 [3단계] 응원 카드 구현 새로운 앨범 너무 멋져요! 버니즈 새로운 앨범 너무 멋져요! 버니즈 새로운 앨범 너무 멋져요! 버니즈 ⭐ 기능 추가 1. 실시간 날씨 정보 🔍날씨 API http..

1. Ajax란? ➡️ JQuery를 임포트한 페이지에서만 동작 가능함. 즉, http://google.com/ 과 같은 화면에서 개발자도구를 열면, jQuery가 임포트 되어있지 않기 때문에 아래와 같은 에러가 뜬다. Uncaught TypeError: $.ajax is not a function 1-1. Ajax 기본 골격 $.ajax({ type: "GET", // GET 방식으로 요청 url: "여기에URL을입력", // 요청할 ur data: {}, // 요청하면서 함께 줄 데이터 (GET 요청시엔 비워두기) success: function(response){ // 서버에서 준 결과를 response라는 변수에 담음 console.log(response) // 서버에서 준 결과를 이용해서 나머지..

1. JQuery란? HTML의 요소들을 조작하고 편리한 Javascript를 미리 작성한 것. → Javascript의 라이브러리 💡 Javascript VS JQuery JQuery로 보다 직관적으로 쓸 수 있음 // Javascript document.getElementById("element").style.display = "none"; // JQuery $('#element').hide(); 1-1. JQuery 사용 미리 작성된 JS 코드 가져오기 ➡️ import 💡JQuery CDN 부분 참고 https://www.w3schools.com/jquery/jquery_get_started.asp 사이에 넣기 1-2. JQuery 적용하기(포스팅박스) HTML / CSS 기본 개념 정리 1. H..

1. 웹조작 1-1. 대상 선택 getElementBy ~ () getElementsBy ~ () querySelector 등등 더 많은 방법이 있음(ById처럼 특정 태그를 지정해서 선택가능) 1-2. 조작 .innerHTML = .style.color = 💡그 외 필요한것들은 구글링할 것 텍스트를 텍스트로 변경하기 1. 대상을 선택 ➡️ "이미지" 태그찾기 2. 조작 ➡️ "이미지" → "동영상" 💡 태그는 개발자 도구로 찾을 수 있음( F12 → 화살표이모티콘 선택) 이미지 태그는 이렇게 생겼음 ➡️ a태그안에 innerhtml로 있음! 그런데 여기선 id값이 없어서 html을 조작하여 태그를 바꿔줌 a 태그 안에 id가 추가된 것을 확인할 수 있음 id값을 이용해서 document에서 선택할 수 ..

1. 자바스크립트란? HTML과 CSS로 만들어진 웹페이지를 동적으로 변경해주는 언어 모든 웹 서버는 HTML + CSS + JavaScript console > 띄어놓은 페이지에서 빠르게 자바스크립트를 테스트 할 수 있음 단, 새로고침하면 모두 사라짐! • [크롬 개발자 도구] 를 열어서 , console 탭에 작성 • 마우스 오른쪽 클릭 ㅡ> 검사 ㅡ> console • 윈도우 : F12 • 맥 : alt(option) + command + i 2. 코드구조 여러개의 구문은 세미콜론을 기준으로 구분함 alert('Hello'); alert('World'); 3. 변수 → 변수는 값을 저장하는 박스 → 키워드를 이용해 선언 let - 중복 선언 불가능, 재할당 가 const - 중복 선언 불가능, 재할..