진진진 개발일지

DOM(문서 객체 모델) 자바스크립트가 쉽게 웹 페이지 요소에 접근하여 조작할 수 있도록 연결시켜주는 일종의 인터페이스 예시 function hey(){ alert('안녕!'); document.getElementById('hello').style.color = 'red'; } 함수 hey()가 호출되면 '안녕!' 메세지창이 뜨고 id가 hello인 요소의 글자색이 red로 바뀐다. JQuery 미리 작성된 Javascript 라이브러리 -> 코드가 간단해짐. import를 해야 함. Javascript일 때 document.getElementById('hello').innerHTML = '안녕'; jQuery일 때 $('#hello').html('안녕'); jQuery CDN 사이에 임포트 JQuery..

반복문 forEach let fruits = ['사과','배','감','귤'] fruits.forEach((a) => { console.log(a) }) 조건문 If~else let age = 24 if (age > 20) { console.log('성인입니다') } else { console.log('청소년입니다') } 반복문 + 조건문 let ages = [12,15,20,25,17,37,24] ages.forEach((a)=> { if (a > 20) { console.log('성인입니다') } else { console.log('청소년입니다') } })

에 작성, onclick="함수명" 영화 기록하기 '영화 기록하기'라는 버튼을 누를 때 hey() 함수가 실행됨 변수 선언: let 변수명 let a = 2 let b = 3 console.log(a+b) // 5 let c = '대한' let d = '민국' console.log(c+d) // 대한민국 사칙연산, 문자열 더하기가 기본적으로 가능 리스트: 순서를 가지고 있는 형태 let a_list = [] // 리스트를 선언. 변수 이름은 역시 아무렇게나 가능! // 또는, let a = ['사과','수박','딸기','감'] // 로 선언 가능 console.log(a[1]) // 수박 console.log(a[0]) // 사과 //리스트 길이 구하기 console.log(a.length) //4 딕셔..

클래스와 객체 클래스: 객체의 속성(변수)과 기능(메서드)을 코드로 구현한 것, 객체를 생성하는데 사용 객체: 모든 인스턴스를 대표하는 일반적인 용어 인스턴스: 특정 클래스로부터 생성된 객체 인스턴스화: 클래스 -> 인스턴스(객체) 객체의 생성: 클래스명 변수명 = new 클래스명(); class Tv1_1 { // 속성 : 변수 선언 String color; // 색깔 boolean power = false; // 전원상태 : false 로 초기화 int channel = 1; // 채널 : 1 로 초기화 // 기능 : 메서드 선언 void power() { // 전원 기능 power = !power; if (power) { System.out.println("전원 ON"); } else { Syste..

배열: 같은 타입의 여러 변수를 하나의 묶음으로 다루는 것 배열의 선언 int[] age = new int[5]; int age[] = new int[5]; 배열의 길이: 배열이름.length 배열의 한계: 배열의 크기를 바꿀 수 없음! 배열의 크기가 부족한 경우: 새로 만든 배열에 기존 배열의 값을 복사해 저장 class Arrays2_1 { public static void main(String[] args) { int[] arr = new int[10]; System.out.println("배열의 길이 = " + arr.length); for (int i = 0; i < arr.length; i++) { System.out.println("arr[" + i + "] = " + arr[i]); } S..

Flowchart(흐름도): 어떠한 일을 처리하는 과정을 순서대로 간단한 기호와 도형으로 도식화한 것 조건문 1. IF class Control1_3 { public static void main(String[] args) { char ch = 'p'; if (ch >= 'a' && ch = 'A' && ch = 90) { System.out.println("A등급입니다."); } else if(score >= 80) { System.out.println("B등급입니다."); } else if(score >= 70) { System.out.println("C등급입니다."); } } } 조건 연산자 max = ( a > b ) ? a : b; 2. SWITCH class Control2_1 { public..

연산자의 우선순위 우선순위 연산자 설명 결합 방향 1 [] . 첨자, 멤버 연산자 왼 -> 오 2 ++ -- 후위 증가/감소 연산자 왼 -> 오 3 ! ~ + - ++ -- (타입) 논리/비트 NOT, 단항, 전위 증가/감소, 타입 캐스트 연산자 오 -> 왼 4 * / % 곱셈, 나눗셈, 나머지 연산자 왼 -> 오 5 + - 덧셈, 뺄셈 연산자 왼 -> 오 6 >>> 비트 왼쪽/오른쪽 시프트, 부호 비트까지 모두 오른쪽 시프트 왼 -> 오 7 = instance of 관계 연산자, 인스턴스의 실제 타입 반환 왼 -> 오 8 == != 관계 연산자 왼 -> 오 9 & 비트 AND 연산자 왼 -> 오 10 ^ 비트 XOR 연산자 왼 -> 오 11 | 비트 OR 연산자 왼 -> 오 12 && 논리 AND 연산..

변수: 변하는 수. 단 하나의 값을 저장할 수 있는 메모리 공간(1Byte로 구성) 메모리 공간은 각각의 메모리 주소를 가짐 변수의 선언과 초기화 class Variable1_2 { public static void main(String[] args) { boolean flag = false; char grade = 'A'; byte val = 127; short sval = 128; int num = 32768; long price = 2_147_483_648L; float tax = 3.14f; double score = 3.14159265358979; } } 변수 생성 규칙 대소문자가 구분되며 길이에 제한이 없음 예약어(ex->true) 사용 불가 숫자로 시작 불가 특수문자 _ 와 $ 만 허용 변수..

어셈블리어 어셈블리: 기계 명령어와 일상 용어를 일대일로 매칭하는 코드표 어셈블리어: 기계어와 일대일 대응이 되는 컴퓨터 프로그래밍의 저급 언어 CPU마다 실행할 수 있는 기계어가 다르므로 어셈블리어도 다르게 만들어짐 어셈블러: 어셈블리어를 기계어로 번역해주는 소프트웨어 C언어 어셈블리어로 개발할 때는 기계의 종류에 따라 다른 소스파일을 만들어야 했음 C언어 -> 하나의 소스파일을 각 기계어에 맞는 컴파일러로 컴파일하여 기계어 목적파일을 만들기 때문에 기계에 상관없이 개발이 가능해짐 하지만 운영체제의 특성에 맞게 컴파일하기 전에 각 기종별로 소스코드를 수정할 필요가 있음 Java의 등장 객체지향 언어 , 클래스없이 개발이 불가능 장점 플랫폼에 영향을 받지 않으므로 다양한 환경에서 사용 가능: 운영체제에서..

보호되어 있는 글입니다.