본문 바로가기
알고리즘 바로가기
보안 포스트 바로가기
JAVA 바로가기
리눅스 서버 바로가기
람다표현식 Java 8 이후로 지원되는 문법으로 Js의 애로우 펑션과 비슷하게 작성할 수 있다. (int i) -> i (int i) ->{ return i; } 이런식으로 쓰일 수 있는데 기본형은 (매개변수) -> { 실행문 } 이다. 만약, 어떤 전처리 과정이 없이 리턴에 묶어 보낼 수 있다면 중괄호는 생략 가능하다. 주의할 점은, 바깥 스코프에서 이미 선언된 x를 매개변수로 쓰기 시작했으면 그 다음 매개변수는 무조건 이미 선언된 것이여야 한다 선언된 매개변수와 선언되지 않은 매개변수의 선언을 동시에 쓸 수 없다. 람다식으로 선언된 함수는 재사용이 불가한 특징이 있다. (함수 명이 정의되지 않음)
【 JS 초급 】 함수 선언식과 표현식 함수선언식 ( Function Declaration ) 은 가장 대표되는 JS의 함수 선언 방식이다. function a() { return "hello world"; } console.log(a()); 일반적인 함수 선언식은 다음과 같은 구조를 가진다. 여기에 선언된 함수에 부합하는 호출을 두 번째 줄처럼 하여 사용하면 된다. 함수표현식( Function Expression ) 은 JS의 특징을 서술할 수 있는 방법이다. var a = function() { retrun "hello world";} consolg.log(a); 여기서 우리는 한 가지 특성을 발견할 수 있는데, 함수를 변수에 담아서 사용할 수 있다. 즉, 다시 말해 함수 역시 변수처럼 다룰 수 있다. 즉 다음과 같이 function a(..
【 JS 초급 】호이스팅 ( Hoisting ) 어떤 변수,함수가 초기화 및 선언될 때 변수, 함수등의 선언부를 스코프 최상단으로 끌어올리게 된다. function a(b){ return b; } console.log(a(b)); var b="hello"; 이런 간단한 함수가 작성되었다 하였을 때 b는 함수 뒤에 선언이 되었기 때문에 실행 오류를 내뱉는다고 생각될 수도 있지만 호이스팅이란 개념은 변수가 선언을 먼저 하도록 돕는다. 이는 함수나 변수가 3단계에 걸쳐 할당되기 때문이다. 1. 선언 2. 초기화 3. 할당 위 코드의 예제에서 var b="hello"; 는 실행했을 때 선언과 초기화 할당이 모두 동시에 일어난다고 보면 되고 호이스팅은 선언부를 스코프의 최상단에 올리게 된다. 즉 console.log(a(b)); 가 작동했을 때, 아직 변수는 ..
웹과 브라우저 브라우저 모든 브라우저는 Parser (해석기) 를 내장하고 있으며, 이는 브라우저의 엔진이 포함하고 있는 기술이다. 파서는 웹에서 사용되는 자바스크립트, 자료 저장(쿠키 등), 렌더링, CSS 등을 해석하여 사용자에게 정보를 제공하는 것을 주 목적으로 한다. CORS : (Cross-origin-resource-sharing) : 추가 HTTP 헤더를 사용해, 한 소스에서 실행 중인 웹 애플리케이션이 다른 출처의 선택한 자원에 접근할 수 있는 권한을 부여하도록 브라우저에 알려준다, 쉽게 말하면 외부 리소스가 안전한지 검사하는 것이며 , Chrome등의 브라우저에 개발자 도구를 열면 ​ element란 콘솔에 나오는 외부 참조에러, 연결에러 모두를 지칭한다. ​ 이것들은 웹 표준에 어긋나며, CORS 정..
3
final 키워드 Final 키워드는 Java에서 해당 변수나 클래스에 대해 상수처럼 취급할 수 있도록 잠구어주는 역할을 한다. final 변수, final 메서드, final 클래스와 같이 쓸 수 있다. final 변수 모든 final 키워드로 선언한 원시타입 ( boolean, char, byte, short, int, long, float, double ) 으로 초기화된 변수는 그 값을 변경할 수 없다, IDE 상에서 에러를 검출한다.
2. State, useState State React 에서는 모든 Component에 대한 랜더링이 이 State가 변경될 때 실시되며, react에서 사용되는 변수이다. State 의 선언 모든 State 함수가 동작하기 위해, react내 React, { useState } 가 Import 되어야 한다. state 를 사용하기 위해서 state 변수 선언을 통해서 시작하는데 state를 정의하는 useState() 함수는 다음과 같은 정의를 가진다. var [state데이터 , state 변경함수] = useState('데이터') State 의 변경 어떤 State의 구조를 변경하기 위해서, React의 state는 변수의 재할당을 통해 변경되는 모든 데이터는 State 변경함수를 통해 변경되어야 한다. 변경함수(대체데이터) 가령 ..
1. JSX React에서 사용되는, 시간에 따라 이벤트처리를 위해 State가 동기화되는 방식으로 기존 자바스크립트를 확장하여 만들어진 문법이다. ＃ class 가 아니라, className 예약어를 사용한다. - Js 파일이기 때문에, class가 아닌, 준비된 예약어 className을 사용한다. - 즉, 과 같이 사용하여 CSS를 적용한다. ＃ 리액트의 데이터 바인딩 방법 [ 중괄호 { } 사용 ] - 중괄호 {} 에 변수명이나 함수를 넣기만 하면 됨, ejs문법에서는 과 같은 표현식을 사용해야 했음 - (일반 js 에서는 dom 제어[document.getElementById("john")] , jquery dom 제어 처럼[ $("#john") 선택자 처럼 ) - 하나의 파일 내에 js 함수를 정의하고, ..

티스토리툴바