네이처리 노트

공부하면서 정리한 내용입니다 참고한 내용은 맨 아래의 링크를 확인해주세요 마침표 앞에 물음표를 사용하면 유효한 값이 없을 경우에는 undefined를 반환 값이 있을 때에만 마침표 뒤를 실행하기 때문에 오류를 방지할 수 있다. const $ele = document.querySelector(".ele"); // 지금 $ele가 있어? 있으면 margin top 적용해줘. 없음 말고. 에러는 사절임. $ele?.getElementsByClassName.marginTop = "2em"; Reference 1) https://ko.javascript.info/optional-chaining 옵셔널 체이닝 '?.' ko.javascript.info

아래의 링크를 확인해주세요 Reference 1) window open [Javascript] window.open과 window.opener window.open을 이용하여 새로운 창을 열 수 있으며 window.opener를 이용하여 팝업창에서 자신을 오픈한 부... blog.naver.com 2) window width & height [자바스크립트] 화면, 브라우저, 클라이언트의 높이, 너비(폭) 불러오는 속성 동적인 화면을 구성하기 위해서는 브라우저의 크기와 현재값을 알아둘 필요가 있습니다. 현재의 디바이스가 가지는 최대 width 너비의 크기등을 말이죠. webisfree.com

공부하면서 정리한 내용입니다 참고한 내용은 맨 아래의 링크를 확인해주세요 document.addEventListener("DOMContentLoaded", ()=>{ // HTML이 완전이 로드 된 후에 실행됨 } ▲ 개인적으로 추천하는 방식 (function(){ // 이렇게도 사용 가능 })();

아래의 링크를 확인해주세요 Reference 1) https://itmining.tistory.com/72 자바스크립트 코딩 컨벤션(스타일 가이드) 이 글은 PC 버전 TISTORY에 최적화 되어있습니다. 서론 이 글은 필자가 속해 있는 팀의 코딩 컨벤션(스타일 가이드)를 맞추기 위해 '더글라스 크락포드의 자바스크립트 코드 컨벤션'을 참고하여 itmining.tistory.com 2) https://pureainu.tistory.com/259 [javascript] 자바스크립트 패턴 - 주석 일반적으로 함수의 매개변수와 반환 값에 대해서는 문서화할 필요가 있다. 주석은 미래에 코드를 읽을 독자에게 주는 힌트이다. 즉, 주석과 함수명 또는 프로퍼티명만 읽고도 코드가 어떤 일을 pureainu.tistory..

공부하면서 정리한 내용입니다 참고한 내용은 맨 아래의 링크를 확인해주세요 email 형식 확인하기 let reg = /^(([^()\\[\\]\\\\.,;:\\s@"]+(\\.[^()\\[\\]\\\\.,;:\\s@"]+)*)|(".+"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/; console.log(reg.test(email)) // true or false ▲여러가지 테스트 해 본 결과 제일 좋은 코드 숫자/문자 추출하기 "문자012".replace(/[^0-9]/g, ''); // 012 "문자012".replace(/[0-9]/g, ''); // 문자 Referen..

공부하면서 정리한 내용입니다 참고한 내용은 맨 아래의 링크를 확인해주세요 new Date() let myDate = new Date(); console.log(myDate); //생성순간의 요일 월 일 년도 시간 시간대 출력 let myDate = new Date(1000); //new Date(숫자); //출력: 1970년 1월 1일 00:00:00 UTC + 1000밀리초(1초) let myDate = new Date('2020-09-01'); //new Date('문자'); //new Date('YYYY-MM-DD'); //시간은 자동으로 자정을 기준으로 함 let myDate = new Date('2020-09-01T18:01:10'); //new Date('YYYY-MM-DDThh:mm:ss')..

공부하면서 정리한 내용입니다 절대값 Absolute Number 음수 -5의 절댓값은 양수 5고, 그냥 양수 5의 절댓값은 그대로 양수 5가 된다. console.log(Math.abs(-10)); //10출력 최대값 Maximum 파라미터로 여러 수를 넘겨주면, 그중 가장 큰 값이 리턴된다. console.log(Math.max(2, -1, 4, 5, 0)); //5출력 최소값 Minimum 파라미터로 여러 수를 넘겨주면, 그중 가장 작은 값이 리턴된다. console.log(Math.min(2, -1, 4, 5, 0)); //-1출력 거듭제곱 Exponentiation Math.pow(x, y)를 하면 x의 y승(x를 y번 곱한다)의 결과값이 리턴된다. console.log(Math.pow(2, 3)..

공부하면서 정리한 내용입니다 진수 표기법 let milinaire = 1000000000; let myMilion = 1e9; //지수 표기법: 10의 거듭제곱 //16진법 Hexadecimal let hex1 = 0xff //255출력 //8진법 Octal let octal = 0o377; //255출력 //2진법 binary numeral system let binary = 0b11111111; //255출력 소수점 고정, 진수로 변경 let myNumber = 0.3591; //toFixed(0~100) : *typeOf string* //소수점 아래를 고정해주는 메소드 //소수점 아래가 초과하는 경우는 0으로 표기 console.log(myNumber.toFixed(2)); //0.35출력 (st..

노가다 힐링 앱 게임 드림데일을 소개합니다 인트로 공주 구하려다가 깔려죽은 주인공👽 👇🏻 무인도에서 깨어났지만 공주를 구하기위해 도끼를 들고 일부터 해야함 간단 리뷰 귀여운 그래픽과 사운드 그리고 톡.톡. 울리는 진동이 이상하리만큼 마성의 매력을 가진 게임 시간과 배터리를 많이 필요로하고 힐링물인 만큼 게임 속도가 조금 답답하다고 느낄 수 있음 게임을 해보고 싶다면 광고제거는 결제해야함 추가 리뷰 🔸게임이 계속 만들어지는 중이라서 미션카드가 사라지면 업데이트 기다려야함 🔸업데이트 후에 지형지물이 변경되어 공략에 작성된 내용과 차이가 있을 수 있음을 안내드립니다! 채집 공략 채집종류 상관없이 덩어리당 +1개씩 얻음 위의 이미지보면 나무 3그루가 붙어있는데 저 사이에서 채집하면 한번에 여러개를 벨 수 있어요..

공부하면서 정리한 내용입니다 참고한 내용은 맨 아래의 링크를 확인해주세요 [ 대괄호 ] 를 사용 조금 특별한 객체의 한 종류 (typeof object) 묶음, 특히나 순위나 순서가 있는 묶음에 사용된다. 객체에서 propertyName의 부분은 생략 되지만 index가 위치한다. let courseRanking = [ //배열이름 '내용1', //요소 element '내용2', '내용3' ] Indexing & Method 0부터 시작하고 propertyName과 동등한 역활을 한다. 요소를 불러올 때 사용 console.log(배열이름[indexNumber]); let animal = ['사자', '코알라', '기린', '개미핥기', '노루']; ● 객체 요소의 개수확인 console.log(anim..