본문 바로가기

분류 전체보기73

자바스크립트 연산자, 조건문, 반복문 (JavaScript Operator, Conditional Statements, Loop) 자바스크립트 연산자, 조건문, 반복문 (JavaScript Operator, Conditional Statements, Loop) 1. 연산자 ※ 자바와 다른 연산자 / (실제 나누기 연산 결과) == (타입이 달라도 값만 같으면 true, 숫자를 문자로 강제 형 변환해서 비교) === (타입과 값이 모두 일치해야 true) 2. 조건문 ※ 자바와 다른 조건문 구문 구문 자체 형식은 똑같음 변수 타입은 자바의 int,str 등이 아닌 var, let, const 사용 문자열 비교 조건 시 자바의 .equals()가 아닌 비교연산자 사용 ▶ 연습 ▶ 예제 코로나 검사 프로그램 ① 사용자에게 코로나 검사 여부 확인하기 (confirm, '코로나 검사 하셨나요?') ② 검사를 했을 때 : 사용자에게 양성 음성.. 2023. 1. 14.
파이썬 라이브러리 Numpy (Python Library Numpy) 파이썬 라이브러리 Numpy (Python Library Numpy) ※ import numpy as np : numpy 모듈을 import하고 np라는 별칭으로 부르겠다. ( np 사용 권장 ) 다차원 배열 제공 ndarray(number of dimension array) 클래스가 지원하고 있음 동일한 자료형을 가지는 값들이 배열 형태로 존재 n차원의 형태로 구성 가능 데이터에 접근을 최적화하기 위해 index(색인)를 부여 1. 배열 생성 ① 1차원 배열 생성 배열 생성 함수 : np.array() lst1 = [1, 2, 3, 4, 5] # 리스트 arr = np.array(lst1) # 배열을 생성하는 함수 np.array() arr # 배열 ② 2차원 배열 생성 arr2 = np.array([.. 2023. 1. 12.
자바스크립트 자료형, 형 변환 (JavaScript type, type casting) 자바스크립트 자료형, 형 변환 (JavaScript type, type casting) 1. 자료형 (type) ① String (문자 형태) : 큰따옴표(" "), 작은따옴표(' ') 둘 다 사용 가능 let name = '명수' console.log('string :',name) ② number (숫자 타입) : 정수, 실수 모두 포함 ※ 타입을 알 수 있는 방법 (console 창의 글자 색상, typeof()) let num = 10 console.log('num :',num) let num2 = 13.33 console.log('num2의 타입은?', typeof(num2)) ③ boolean : 참, 거짓 let choice = true let choice2 = false console.log.. 2023. 1. 11.
자바스크립트 입출력, 변수 (JavaScript input, output, variable) 자바스크립트 입출력, 변수 (JavaScript input, output, variable) script 태그 안에 작성 스크립트 문법은 body 태그 가장 하단 (추천) html태그들 보다는 밑에 두기 F12 개발자 도구 → console탭 1. 출력문 콘솔창에 출력 : console.log() 에러창에 출력 : console.error() 팝업창에 출력 : alert() console.log('콘솔창에 출력하기') console.error('에러 확인하기') alert('팝업창을 통해 출력하기') 2. 입력문 confirm : 확인 질문 (확인, 취소) → 리턴 타입 boolean prompt : 입력 확인 → 리턴 타입 String var dinner2 = prompt('어떤 메뉴 드셨나요?') c.. 2023. 1. 11.
파이썬 함수(Python Function) 파이썬 함수(Python Function) 1. 함수 하나의 특별한 목적의 작업을 수행하기 위해 독립적으로 설계된 코드의 집합 자바의 메소드와 비슷 ※ 함수를 써야하는 이유 반복적 프로그래밍을 피할 수 있다. 모듈화로 인해 전체적인 코드의 가독성이 좋아진다. 프로그램에 문제가 발생하거나 기능의 변경이 필요할 때, 손쉽게 유지보수 가능하다. 2. 함수 정의하기 ▶ 예제 : 두 수를 입력 받아서 뺀 결과를 돌려주는 함수 정의하기 (무조건 큰 수에서 작은 수 빼기) def number_minus(num1, num2) : if num1 > num2 : result = num1 - num2 else : result = num2 - num1 return result num1 = int(input('첫 번째 정수 입.. 2023. 1. 10.
CSS 선언 방식 CSS 선언 방식 인라인 방식 요소 내에 직접적으로 스타일 작성 우선 순위 높음, 긴급 시 사용 외부 방식 head태그 안에 link태그 이용 rel : 관계 설정, href : 연결할 파일 위치 내부 방식 html내 head태그 안 style태그를 만들어 작성 import 방식 잘 사용하지 않음 ※ !important 모든 방식을 무시하고 적용 ▶ 연습 오늘은 즐거운? 월요일 오늘 점심 뭐드시나요? /* 외부 css */ h2{ color: blue; } 2023. 1. 10.
CSS Position CSS Position Position : 위치를 배치하는 속성 ※ Tip : 위치 기준점을 모르겠으면 0,0 으로 이동해서 확인 속성 위치 속성 기준 static 기본값, 위치 속성 비활성화 relative 위치 속성 활성화 원래 있던 위치 absolute 위치 속성 활성화 postion이 static이 아닌 부모 부모가 없거나, 부모가 전부 static일 경우 body태그를 기준 fixed 위치 속성 활성화 부모 무시, 스크롤 무시 ▶ 연습 static 속성, relative 속성 비교 body태그 안 parents 태그 안 static relative ▶ 연습 static 속성, relative 속성, absolute 속성 비교 body태그 안 parents 태그 안 static relative a.. 2023. 1. 10.
CSS Flex CSS Flex 1. Flex 레이아웃 배치 전용 기능 내가 움직이고 싶은, 배치하고 싶은 요소 : Item Item의 부모 요소 : Container ※ 한 가지 요소는 Item이자 Container일 수 있다. 2. Container 속성 flex 설정 display: flex; flex-direction 배치 방향 설정 flex-direction: row; (기본값) 메인축 : 가로, 서브축 : 세로(수직) flex-direction: column; 메인축 : 세로, 서브축 : 가로(수평) justify-content 메인축 정렬 justify-content: center; align-items 서브축 정렬 align-items: center; flex-wrap 줄넘김 처리 flex-wrap: wr.. 2023. 1. 9.
자바 조건문(Java Conditional Statement) 자바 조건문(Java Conditional Statement) ※ 조건문 주어진 조건을 비교, 판단하여 그 조건에 만족할 경우 지정된 명령을 실행, 만족하지 않을 경우 다음 단계의 명령을 수행 1. 단순 if문 ▶ 예제 int 타입의 변수 age를 선언하고 키보드로 값을 입력받은 후, 만약 age가 20보다 크거나 같다면 "성인입니다." 출력하기 Scanner sc = new Scanner(System.in); System.out.print("나이 입력 >> "); int age = sc.nextInt(); if (age >= 20) { System.out.println("성인입니다."); } ▶ 예제 int 타입의 변수 num을 선언하고 키보드로 값을 입력받은 후, 만약 num이 3의 배수이면서 5의 .. 2023. 1. 9.

티스토리툴바