개발언어 (32) 썸네일형 리스트형 Ref 0개요 Ref는 'reference'의 약자로, '참조'라는 뜻이다. element가 참조하는 변수에 접근해 변경하고 element를 제어할 수 있다. javascript나 jquery에서 id나 class와 같은 속성에 element로 접근하여 값을 가져오는 구조와 유사하나, 표현 문법에서 차이를 보인다. https://ko.reactjs.org/docs/refs-and-the-dom.html 1.예시코드 1_a) 리액트 Ref constructor(props){ // createRef()함수로 Ref변수 InputRef를 생성한다. this.InputRef = React.createRef(); } RefFocus = (e) => { // inputRef를 할당해 참조하도록 한다. // ref를 부여한.. 자바스크립트의 암묵적 타입변환 0.개요 자바스크립트 엔진은 표현식을 평가할 때 개발자의 의도와는 상관없이 코드의 문맥을 고려해 암묵적으로 데이터 타입을 강제 변환( 암묵적 타입 변환) 할 때가 있다. // 피연산자가 모두 문자열 타입이어야 하는 문맥 let a ='10' + 2; console.log(a);// 102 // 피연산자가 모두 숫자 타입이어야 하는 문맥 let b = 5 * '10'; console.log(b);// 50 // 피연산자 또는 표현식이 불리언 타입이어야 하는 문맥 let c = !0; console.log(c);//false if(1){ }//반복문 수행 이처럼 표현식을 평가할 때도 코드의 문맥에 부합하지 않는 다양한 상황이 발생할 수 있다. 자바스크립트는 가급적 에러를 발생시키지 않도록 암묵적 타입변환을 .. 자바스크립트JavaScript 개요/ 개발환경 설정 0.자바스크립트 개요 자바스크립트는 HTML, CSS와 함께 웹을 구성하는 요소 중 하나로, 웹 브라우저에서 동작하는 유일한 프로그래밍 언어이다. 웹페이지에서 아이콘의 반응이 일어나거나( 포커싱), 페이지가 전환되는 등의 동적인 기능을 추가하기 위한 언어이다. 명령형, 함수형 프로토타입 기반의 객체지향 프로그래밍을 지원하는 멀티 패러다임 프로그래밍 언어이다 자바스크립트는 일반적으로 인터프리터 언어로 구분한다. 전통적인 컴파일러 언어와 비교하면 컴파일러 언어 인터프리터언어 코드가 실행되기 전 단계인 컴파일 타임에 소스 코드 전체를 한번에 머신 코드로 변환 후 실행한다 코드가 실행되는 단계인 런타임에 문 단위로 한 줄씩 중간코드인 바이트 코드로 변환 후 실행한다 실행파일을 생성한다 실행파일을 생성하지 않는다.. 비주얼 스튜디오 코드(Visual Studio Code) 단축키 모음 Ctrl + X 줄 잘라내기 ( 선택한 것이 없을 때 ) Ctrl + C 줄 복사 ( 선택한 것이 없을 때) Alt + ↑ / ↓ 줄 이동( 위/ 아래로 이동) shift + Alt + ↑ / ↓ 줄 복사 (위/ 아래로 복사) Ctrl + shift + K 행 삭제 Ctrl + Enter 아래에 줄 삽입 Ctrl + ] / [ (다중 행) 줄 들여쓰기( = tab) / 내여쓰기 Tab/ shift + Tab (다중 행) 줄 들여쓰기( = tab) / 내여쓰기 Ctrl + / 줄 주석 처리 네비게이션 F5 디버깅 실행 Ctrl + F5 실행 F8 (디버그) 다음오류 또는 경고로 이동 Alt + ←/→ 뒤로가기 / 앞으로 가기 찾기, 찾아 바꾸기 Ctrl + F 찾기 Ctrl + H 찾아 바꾸기 언어편집 C.. 자바_this의 활용 자바언어의 클래스에서 특히Mo클래스에는 빠지지 않고 등장할만큼 익숙하고 많이 쓰이는 this 기본생성자에 변수 구분을 위해 자주 쓰이는this는 그 이외에도 클래스와 메서드를 넘나들며 데이터 입출력과 클래스간 상호작용 등 다양한 쓰임새가 있다. 알고나면 더 높은 활용도로 간결한 코드에 도움이 될 수 있는 this의 활용법에 대해 소개하고자 한다. This활용법 4가지 클래스의 기본생성자에서 매개변수의 변수명과 클래스의 변수명을 구분 체이닝(Method Chaining) 활용 생성자에서 기본생성자 호출 클래스간 호출시 인자로 변수 값 전달 1.클래스의 기본생성자에서 매개변수의 변수명과 클래스의 변수명을 구분 가장 일반적인 경우이다. 인수를 전달된 값으로 생성자에서 값을 지정하고 싶다 public Const.. 다형성(Polymorphism) 1.다형성(Polymorphism) 다형성은 대입되는 객체에 따라 메서드를 다르게 동작하도록 구현하는 기술이다. 이는 실행도중 동일한 이름의 메서드 호출(오버라이드)에도 각각의 메서드를 선택할 수 있다는데에 큰 특장점이 있다. 종류가 다른 객체라도, 비슷한 동작의 메서드를 모아 관리해 간결한 코드를 유지할 수 있다. 위 그림에서, Animal이라는 부모객체에서 동물의 공통적인 '울음소리' 나타내는 sound()라는 메소드를 정의하였다고 가정한다. 동물클래스인 Dog, Cat, Duck은 각각 Animal 클래스를 상속받아 sound()를 각각의 특성에 맞게 재정의 하여 실행한다 그 결과 Dog의 sound() : Bow Bow / Cat의 sound() : meow meow / Duck의 sound() .. for문 1.for 문 / 반복문 조건을 만족하는 동안 블럭{} 내용을 반복 _ [ 반복 횟수를 알 때 적합 ] 더보기 for( 변수=초기값; 조건; 증감값 ){ //반복하고자 하는 내용 } 반복횟수를 규정하는 변수는 for문 자체적으로 정할 수 있지만,(지역변수)_ 이때 자료형을 함께 넣어주어야한다. 클래스내에 선언하여 클래스내 전체에서 유효할 수 있게도 적용이 가능하다. (for 문 밖에서도 해당 변수의 값을 활용할 수 있다.) 03_loop / src / for_/ For02.java package for_; import java.util.Scanner; public class For02 { public static void main(String[] args) { Scanner scanner = new Sc.. 조건문 if 1. if문 조건문의 일종으로 지정한 조건이 참인 경우, 해당 내용을 수행할 수 있게끔 만든 명령어이다. 조건식이 true일 때 수행할 실행문이 하나라면 { }를 생략할 수있다. 실행구문이 두개 이상이면, 앞의 구문만 실행 후 다음 구문으로 넘어간다. if(조건){ 수행할 구문 }; 2. if else문 조건문의 일종으로 지정한 조건이 참인경우, if문에서 지정한 내용을 수행하고, 조건이 거짓인 경우 else문에서 지정한 내용을 수행할 수 있게끔 만든 명령어이다. if(조건) 참일경우 수행할 A else 거짓일 경우 수행할 B if(조건){ 참일경우 수행할 A } else{ 거짓일 경우 수행할 B } 이러한 if else 문은 조건 삼항연산자를 이용해 더욱 간결하게 표현할 수도 있다. 02_if_swit.. 이전 1 2 3 4 다음
