자바스프링웹공부(2024)/자바스크립트 (17) 썸네일형 리스트형 2024.08.08. 객체 -1 - 범위 : 메서드 단독으로 존재하는 것 : 함수 객체 안에 있는 기능들 : 메서드- 객체와 인스턴스 객체 : 자주 사용하는 요소로 미리 정의되어 있음. 인스턴스 : 필요할때마다 만들어서 사용함. 객체를 복제해서 만듦. - 프로퍼티(속성)와 메서드(기능) * 객체의 종류 : 내장객체 , 사용자 정의 객체, 브라우저와 관련된 객체- 내장객체 ex. Array 객체의 length : 요소사용방법 - 배열명.length- 사용자 정의 객체 사용자가 필요데 따라 직접 정의한 객체 [ 사용자 객체 정의 기본 문법] let 객체를 저장할 변수명 = { 속성명1 : 값1, 속성명2 : 값2, ... 생략 ... 속성명n : 값n }- 객체 내의 속성에 접근하는 방법 : 객체명.속성명 ex... 2024.08.08. 이벤트, 배열 * 이벤트(EVENT)- 웹 브라우저나 사용자가 행하는 어떤 동작. 웹 문서 영역 안에서 이루어지는 동작만을 의미함. 예를들어 웹 문서 영역을 벗어나 제목 표시줄을 클릭하는 행위는 이벤트가 아님.- 웹에서의 이벤트란? 어떤 대상(요소)에 사용자가 특정 액션을 취하는 것 ex) 버튼 클릭, 텍스트(키보드 키) 입력, 마우스 이동 등 - 이벤트가 발생하면 해당 이벤트에 대한 동작을 처리하도록 하는 것을 이벤트 처리(Event Handling)라고 하고, 이벤트 처리를 위한 함수를 이벤트 처리기(Event Handler) 라고 한다. [ 이벤트 처리(Event Handling) ] - 이벤트가 발생했을 때 특정 작업을 수행하도록 하는 것 ex) 버튼 클릭 이벤트 발생 시 alert() 함.. 2024.08.06.-08.07. JS - 함수 [ 함수(function) ]- 어떤 기능을 수행하는 명령어들의 모음(묶음)[ 사용자 정의 함수 ]- 함수(function)는 단독으로 존재할 수 있지만, 메서드(method)는 클래스 내에서만 정의 가능 - 자바의 메서드와 달리 함수 정의 시 리턴타입을 명시하지 않으며 파라미터(매개변수) 지정 시 거의 동일하나 타입을 명시하지 않음 => 전달인자(Argument, 아규먼트) : 함수 호출 시 함수에 전달하는 데이터 ex. 로그인시 아이디, 비밀번호. => 매개변수(Parameter, 파라미터) : 함수 호출 시 함수에 전달되는 데이터를 받아 저장할 변수 (매개체가 되는 변수다. 아규먼트와 통합해서 불러도 상관없음.) => 리턴값(Return value) : 함수.. 2024.07.31. 자바스크립트 - 반복문 [반복문]- 특정문장(들)을 원하는 횐수(또는 상황)만큼 반복. - 주어진 ㅈ건식을 판별하여 조건이 true 일 동안 반복문을 수행하는 구조. - for문과 while문으로 나눠짐.(문법 구조가 약간 다름) 1) for 문 : 주로 반복 횟수가 정해져 있는 경우 사용. 2) while 문 : 주로 반복 횟수가 정해져 있지 않은 경우 사용. => for문과 while문은 상호작용을 100% 할 수 있다. [ for문 ] for(①초기식; ②조건식; ④증감식) { // ③ 조건식 판별 결과가 true 일 경우 반복 수행할 문장들... } 1) 초기식 : 반복 횟수를 결정하는데 사용할 변수 값을 초기화하는 코드(변수 선언까지도 가능) 2) 조건식 : 반복 횟수를 결정하는데 사용되는 목표값을 지정하는 식 .. 2024.07.30. 자바스크립트 - if, if-else, if-elseif-else * if문- 특정 조건에 따라 문장을 실행하는 조건문 - 자바에서의 if문과 거의 동일 - 조건식은 반드시 결과가 true 또는 false 인 식만 사용 가능하며, 변수 사용도 가능- 단일 if문 : if문에 주어진 조건을 판별하여 true 일 때 지정된 블럭 내의 문장들을 수행하는 if문 문장1; if(조건식) { // 조건식 판별 결과가 true 일 때 실행할 문장들... 문장2; }문장3; => 조건식 판별 결과가 true 일 때 : 문장1 -> 문장2 -> 문장3 순으로 실행됨 => 조건식 판별 결과가 false 일 때 : 문장1 -> 문장3 순으로 실행됨(문장2 실행은 생략됨)// =>주의! 맞기는 하지만. 이렇게 하면 연산을 두번한다. true면 true냐고 묻는 격이기 때문에 //if(s.. 2024.07.30. 자바스크립트 형변환 - 함수와 연산자에 전달되는 값은 대부분 적절한 데이터타입(자료형)으로 자동 형변환 일어남 ex) prompt() 함수로 입력받은 숫자는 string 타입이며 number 타입과 연산 시 number 타입으로 자동 형변환이 일어남(타입을 일치시킨 후 연산을 수행) - 상황에 따라 개발자가 의도한 타입으로 변환하는 것을 강제 형변환(= 명시적 형변환)이라고 함 => 자바스크립트에서 명시적 형변환을 수행하는 방법 : 타입(데이터) => 주의! 자바에서 명시적 형변환과 소괄호 위치가 다름! => (타입)데이터 => 주의! 대표적인 타입 이름(string, number, boolean 등)의 첫글자를 대문자로 지정 ex. Number, String, Boolean ex) 변수 .. 2024.07.30. 자바스크립트 자료형, 연산자 [ 자료형 ]- 0 실수끼리의 연산을 할때 컴퓨터가 실수를 표현하는 방법은 근사치 표현법을 씀. 0.1 + 0.2 = 0.300004 // 따라서 실수끼리의 연산은 지양해야함.*이스케이프 문자 : 화면에 표시되지 않지만 줄바꿈이나 탭처럼 문서에서 기능을 수행하는 문자. - \\ 백슬래쉬 - \' 작은따옴표 - \"큰따옴표 - \n 개행문자 - \t 탭문자* 템플릿 리터럴 : 문자열과 변수, 식을 섞어서 하나의 문자열을 만드는 표현 형식. 백틱(`)을 사용해 문자열을 만든다. let name ='Kim'let classRoom = 204console.log(`${name}님 ${classRoom}호에 입장하세요`) [ 연산자 ]- 후행 연산자로 사용될 경우 다른 연산을 먼저 수행한 후에 마지막.. 2024.07.30. 자바스크립트 변수 *개요*- Interpreter : 대화식. 한줄읽고 이해하고 X 반복. ex. javascript, basic. 전체 실행시간이 오래걸린다. 오류전까지는 다 실행을 할 수있다. - Compiler : 처음부터 끝까지 번역본 옮기고 정상적으로 끝나면 그걸로만 사용한다. 실행속도가 빠르다. 번역하는 시간이 오래걸린다. 오류가 나면 실행되었던 것도 끝내버린다.. ex.JAVA- 태그를 태그 전에 코드 넣는 이유 : 자바스크립트는 요소를 제어하는 경우가 많으므로 되도록이면 이미지나 텍스트 등을 다 표시한 후에 실행하는 것이 좋다. - 외부스크립트를 사용하는 이유 : 코드낭비, 눈에 바로 안보이는 한개의 단점빼고 좋음. ex. - Dialog = Modal = 알림창. 모달창: 창을 끄지않으면 다른 상호작.. 이전 1 2 3 다음
