Javascript6 프론트 변조 1️⃣ 프론트엔드 프론트엔드는 웹 애플리케이션의 사용자 인터페이스를 담당하는 부분이다. 이는 HTML, CSS, JavaScript를 사용하여 웹 페이지를 구성하고 사용자와 상호작용하는 기능을 포함한다. 프론트엔드는 클라이언트 측, 사용자의 웹 브라우저에서 실행된다. 2️⃣ 프론트엔드 변조 프론트엔드에서 "변조가 가능하다"는 것은 웹 페이지의 코드와 리소스에 대한 액세스 권한이 클라이언트에게 있어, 사용자가 프론트엔드를 수정 또는 변경할 수 있다는 의미이다. 3️⃣ 클라이언트 측 실행 웹 애플리케이션의 프론트엔드는 클라이언트 측에서 실행되기 때문에, 사용자는 해당 코드에 접근할 수 있다. 웹 브라우저는 HTML, CSS 및 JavaScript 코드를 다운로드하고 해석하여 화면에 표시한다. 이로 인해 사용.. 2023. 6. 14. toLocaleString() toLocaleString() 함수는 JavaScript에서 사용할 수 있는 내장 함수이다. 숫자, 날짜 시간 등을 Locale에 맞는 문자열로 변환해준다. 함수의 인자로는 locale 과 options 를 받을 수 있다. 1️⃣ locale 변환할 언어를 지정해줄 수 있다. ex) toLocaleString("en-US") toLocaleString("ko-KR") toLocaleString("ja-JP") ... 2️⃣ options localestring의 options에 관한 정보는 여기를 참고 ex) const number = 12345 const usd = aa.toLocaleString("en-US", { style: "currency", currency: "USD" }) console.lo.. 2023. 6. 14. url params url params, 즉 url 매개변수는 웹 주소의 일부로, 데이터를 전달하는데 사용된다. 일반적으로 key=value의 형태로 url에 붙여서 사용. 예시) https://www.example.com/search?name=apple&id=2 위 url에서는 두개의 매개변수가 포함되어 있다. name = apple과 id = 2 이런 방식으로 전달된 데이터는 주로, 검색 키워드 페이지 필터 및 정렬 등으로 사용할 수 있다. JS에서 사용하는 예시 // 현재 URL 가져오기 var url = new URL(window.location.href); // URLSearchParams 객체 생성 var params = new URLSearchParams(url.search); // 매개변수 읽기 var sea.. 2023. 6. 14. [Javascript] truthy, falsy 1️⃣ true, false 기본적으로 Javascript에서는 소문자 true와 false를 사용하여 참과 거짓을 표현한다 true와 false 외에 다른 값들도 true, 혹은 false로 해석될 수 있는데, 이를 truthy와 falsy라고 부르고, 각각 true와 false와 비슷한 기능을 해준다. 2️⃣ Falsy Falsy false false 0 숫자 0 -0 숫자 -0 0n Bigint 타입의 0n document.all DOM의 일부가 아님 null 값이 없음 undefined 원시값, 정의되지 않음 NaN 숫자가 아님 "" 빈 문자열 '' 빈 문자열 `` 빈 문자열 이것들이 일반적인 falsy한 값들이다. 3️⃣ Truthy Falsy값을 제외한 값들은 기본적으로 Truthy이다. 예를.. 2023. 6. 14. Javascript - const, let, var 1️⃣ const, let, var var, let, const는 JavaScript에서 변수를 선언하는 세 가지 키워드 이들은 변수의 유효 범위와 재할당 가능 여부의 차이가 있다. 2️⃣ var var로 선언된 변수는 함수 스코프를 가지며, 블록 스코프를 무시 따라서 if문의 블록 내에서 변수 um을 재선언했지만, 외부에서도 동일한 변수에 접근할 수 있다. 이러한 동작은 호이스팅(hoisting)이라는 특성 때문에 발생 var um = 'Really'; console.log(um); // 출력: Really var um = 'How' console.log(um); // 출력: How if (true) { var um = 'Human name'; // 변수 재선언 console.log(um); // 출력.. 2023. 5. 16. JavaScript - Export와 Import 1️⃣ export, import와 모듈 관리 export와 import를 통해 코드를 여러 파일로 분할하고 필요한 부분만 가져와서 사용할 수 있다. (=코드의 재사용성을 높이고 유지보수를 용이하게 할 수 있다) 2️⃣ export export는 모듈에서 외부로 내보내기 위해 사용 함수, 변수, 클래스 등을 내보낼 수 있다. export를 앞에 붙여서 내보내려는 항목을 지정 예시 // 모듈에서 변수 내보내기 export const name = 'John'; // 모듈에서 함수 내보내기 export function sayHello() { console.log('Hello!'); } // 모듈에서 클래스 내보내기 export class MyClass { constructor() { // ... } } 3️⃣.. 2023. 5. 16. 이전 1 다음
