728x90
반응형
SMALL

자바스크립트 4

[자바스크립트] 자바스크립트(JavaScript)의 동작 원리

면접 준비를 하면서 공부하는 겸 블로그 정리하려고 합니다. 면접 질문 목록에서 자바스크립트와 React같은 프론트엔드 개발 질문 목록이다 보니 개념이 중요한 것같습니다. 그래서 기본적인 Javascript의 동작원리에 대해 공부하고 포스팅했답니다 자바스크립트( Javascript )의 동작 원리 자바스크립트 ( javascript )는 싱글 스레드 기반 원리로, 한번에 하나의 작업만 처리할 수 있습니다. 그러나 비동기 처리를 통해 여러 작업을 '동시에' 처리하는 것처럼 보일 수 있습니다.(Async인가요..?) Javascript 엔진은 Call Stack, Web API(블라우저 제공), Task Queue(Event Queue), Event Loop로 구성됩니다. ** JavaScript 엔진 : 자..

[리액트 네이티브] react-native Button을 누를 때마다 컴포넌트 추가하기

컴포넌트를 추가하려면 []배열에 넣으면 된다 ​ 내가 하고 싶은 부분은 ​ 버튼은 클릭할 때마다 컴포넌트를 추가해주고 싶다 즉 버튼을 클릭할 떄마다 컴포넌트 내가 만든 태그들을 추가할 수 있다ㅏ ​ 가장 중요한 부분은 useState와 어디에 넣을지가 중요하다! 배열을 넣어주는 concat이 있다! const [insertTag, setInsertTag] = React.useState([]); useState를 꼭 [] , 배열로 해줘야 한다 그래야지 추가가 된다!! ​ 그리고 버튼을 클릭하면 onPress안에 set을 넣으면 된다ㅏ ​ concat은 해당 배열에 추가 또 추가 붙여넣기 라고 볼 수 있다 ​ setInsertTag 에 insertTag.concat으로 계속 추가해준다 {insertTag}..

[자바스크립트] 자바스크립트(JavaScript) 전화번호, 생일, 시간 정규식, 하이픈 자동 생성 코드

//전화번호 정규식 const validatePhone = phone => { const regex = /^01([0|1|6|7|8|9]?)-?([0-9]{3,4})-?([0-9]{4})$/; return regex.test(phone); } //생일 정규식 const validateBirth = aBirth => { const regex = /^([0-9]{4})-?([0-9]{2})-?([0-9]{2})$/; return regex.test(aBirth); }​ //시간 정규식 const validateTime = time => { const regex =/^([01][0-9]|2[0-3]):([0-5][0-9])$/; return regex.test(time); } 팀원이 작성한 정규식이다! ​ 처..

[자바스크립트] 자바스크립트(JavaScript) 소수점 뒷자리 자르기

toFixed(숫자) ​ ex) ​ number = 123456.78901234567 ​ number.toFixed(5) ​ 소수점 아래 5개만 두고 나머지 자르기 ​ result = 123456.78901 ​ 변수1 = 12.321654987 변수2 = 변수1.toFixed(5) console.log(변수2) // 12.32165 이렇게 출력될 것입니당 https://squll1.tistory.com/entry/javascript-%EC%86%8C%EC%88%98%EC%A0%90-%EC%9E%90%EB%A6%AC%EC%88%98-%EC%A7%80%EC%A0%95%EC%9E%90%EB%A5%B4%EA%B8%B0 [javascript] 소수점 자리수 지정(자르기) toFixed() toFixed()함수를 ..

728x90