본문 바로가기

JavaScript4

Next.js 기초편: 리액트를 위한 필수 자바스크립트 JavaScript와 React를 동시에 배울 수 있지만 JavaScript에 익숙해지면 React를 배우는 과정이 더 쉬워집니다. 다음 섹션에서는 JavaScript 관점에서 React의 몇가지 핵심 개념을 소개합니다. 다음은 언급할 JavaScript의 주제에 대한 요약입니다. Function 그리고 화살표 함수 Objects 배열 그리고 배열 함수 구조화 ( Destructuring ) 템플릿 리터럴 삼항 연산자 ES 모듈 및 Import / Export Syntax 이 과정에서는 JavaScript에 대해 자세히 다루지 않지만 최신 버전의 자바스크립트를 사용하는 것이 좋습니다. 그러나 아직 자바스크립트에 능숙하지 않다고 느끼더라도 리액트로 빌드를 시작하는데 방해가 되지 않도록 하세요! React의.. 2022. 5. 22.
firstElementChild vs firstChild firstElementChild Element.firstElementChild 읽기 전용 속성 부모요소의 첫번째 자식요소 반환 자식요소가 없을 경우 null 반환 firstChild Element.firstChild 트리에서 노드의 첫번째 자식 반환 노드에 자식요소가 없으면 null 반환 const list = document.getElementById('list'); console.log(list.firstElementChild.textContent, 'firstElementChild'); console.log(list.firstChild, 'firstChild'); 2022. 1. 1.
Canvas API - 기본 도형 그리기 직사각형 그리는 3가지 방법 1. clearRect(x, y, width, height) 정의된 사각형의 모든 픽셀을 투명으로 설정하고 이전에 그린 내용을 지운다. 2. fillRect(x, y, width, height) 너비와 높이에 의해 크기가 결정되고 x, y 위치에 채워진 사각형을 그린다. 3. strokeRect(x, y, width, height) strokeStyle 및 기타 컨텍스트 설정에 따라 윤곽선 사각형을 그린다. 텍스트를 그리는 3가지 방법 1. fillText() 2. strokeText() 3. measureText() 측정된 텍스트에 대한 정보(= 너비)를 반환한다. let text = ctx.measureText('Poburi'); console.log(tex.. 2021. 10. 31.
[React Native/JS] CryptoJS AES 실무에서 사용하기 리액트 네이티브에서 cryptojs 사용하기 plan text, clear text : 원래 값 encrypt, cipher text : 암호화 decrypt : 복호화 복호화는 암호화의 역과정. (즉 암호화를 풀어서 plan text로 읽히게 해주는 것) 설치: npm react-native-crypto-js기본 사용방법은 아래와 같다. : var encrypted = CryptoJS.AES.encrypt("메세지", "비밀 암호"); var decrypted = CryptoJS.AES.decrypt(encrypted, "비밀 암호");복호화는 과정이 하나 더 추가된다. : let bytes = CryptoJS.AES.decrypt(ciphertext, '어쩌구'); let origina.. 2021. 4. 15.

티스토리툴바