목록FrontEnd (39)
J.BF Story
OS: MacOS 11.3.1 NVM: 0.39.1 Node.js: 16.14.2 (LTS) Expo: 5.3.0 NVM 1. NVM 설치 brew install nvm 더보기 더보기 Running `brew update --preinstall`... ==> Homebrew is run entirely by unpaid volunteers. Please consider donating: https://github.com/Homebrew/brew#donations ==> Auto-updated Homebrew! Updated 1 tap (homebrew/core). ==> New Formulae acl inih postgraphile bvm koka rslint epinio kubekey shadowsoc..
Random Math.random() 0이상 1미만의 부동소숫점 의사 난수 반환 암호학적으로 안전한 난수를 제공하지 않아 보안에 관련된 것에 사용 불가능 의사 난수 난수는 아니나 난수로 취급이 가능한 수열 컴퓨터에서는 특수한 하드웨어 없이 완전한 난수를 생성할 수 없기 떄문에 의사 난수 사용 어림을 조합해서 원하는 값 사이의 랜덤 값을 구할수 있음 // 0
포멧 문자열 `string ${var}` const name = "JBF"; "Hello " + name; // Hello JBF `Hello ${name}`; // Hello JBF ` (backtick)으로 묶어 줄 것 변수는 ${}로 묶어줄 것 문자열 앞에 다른 문자열 채우기 str.padStart(targetLength [, padString]) "1".padStart(2, "0") // "01" "test".padStart(6, "12345") // "12test" "test".padStart(8) // " test" "test".padStart(2) // "test" 주어진 길이를 만족하는 문자열 반환 숫자 앞에 0 채워넣을 때 많이 사용 문자열 뒤에 다른 문자열 채우기 str.padEnd(t..
event.PreventDefault() HTML JS const loginForm = document.querySelector("#login-form"); function onLoginSubmit(event) { event.preventDefault(); console.log(event); } loginForm.addEventListener("submit", onLoginSubmit); Result preventDefault: 이벤트에 대해 브라우저가 기본적으로 수행하는 작업 취소 ex1) submit (submitEvent): form을 submit하면 브라우저는 기본적으로 페이지를 새로고침하지만, preventDefault를 추가하면 새로고침하지 않음 ex2) link (mouseEvent): 링크..
argument 개수와 parameter 개수가 틀려도 된다 값이 순차적으로 들어감, 에러 없음 function testFunc(arg1, arg2){ console.log(arg1, arg2) } testFunc(1, 2) // 1 2 testFunc(3, 4, 5) // 3 4 testFunc(6) // 6 undefined
1. 재선언, 재할당 불가능 const test = 1; // ok const test = 1; // err: Uncaught SyntaxError: Identifier 'test' has already been declared test = 2; // err: Uncaught TypeError: Assignment to constant variable. 2. 선언 선언과 동시에 할당이 이루어져야함 const test = 1; // ok const test2; // err: VM64:1 Uncaught SyntaxError: Missing initializer in const declaration 3. object와 array 값 변경 가능 object와 array는 변수에 object와 array를 가리..
네이밍컨벤션(Naming Convention) CamelCase const testWord = "Hello"; 변수 선언 방식 var let const 변수 재선언 가능 O X X 변수 재할당 가능 O O X * var: old ver. * 기본적으로 const 사용, 재할당이 필요한 경우 let 사용 var var testWord = "Hello"; // ok var testWord = "Hello"; // ok testName = "Hello World"; // ok let let testWord = "Hello"; // ok let testWord = "Hello"; // Err: Uncaught SyntaxError: Identifier 'testWord' has already been decla..
문제 로컬 HTML 파일을 웹으로 접근하는데 '파일 엑세스 거부' 에러가 나옴 해결 '시스템 환경설정 > 보안 및 개인 정보 보호 > 개인 정보 보호 > 파일 및 폴더' 로 들어간다. 자신이 사용하는 웹 브라우저(Brave Browser)의 '문서 폴더' 권한을 활성화 시킨다. 웹 브라우저를 재가동 후 HTML 파일에 엑세스가 되는지 확인한다.
Javascript 탄생 1995년 12월 탄생 Brendan Eich가 10일만에 설계 Javascript 기본 스크립트 언어 모든 웹 브라우저에 내장되어서 나오기 떄문에 별도 설치 필요 없음 목적: 웹사이트를 인터렉티브하게 만들기 위해 유일한 프론트앤드 프로그래밍 언어 Javascript 활용 게임, 3D, 데스크탑 앱, 백엔드 등에 사용 가능 three.js: 자바스트립트로 3D를 구현하게 해주는 라이브러리 React Native: 안드로이드, ios 앱 electronjs: 데스크탑 앱 socket.io: 채팅 및 실시간 기능 제공 ml5js: 머신러닝 모델을 생성하는 웹사이트 구축, 훈련 기타 코드 편집기 추천 VSCode Replit: 브라우저에서 코딩할 수 있게 해줌