[Typescript] Typescript 웹 프로젝트 폴더 구조 정리(feat.Redux(리덕스) + 챗GPT)

이제 요구사항 모두 작성했고, 깃허브 레파지토리, 프로젝트 생성까지 마무리 했습니다. 매번 새로운 프로젝트를 확인할 때 폴더구조를 제일 먼저 보게 되는데 내 프로젝트가 아닌 이상 폴더구조를 파악하는데 시간이 오래 걸리는 편이었습니다. 물론 파악을 하는 하루 종일 걸리는 건 아니었지만, 이게 어디에 있지? 어디서 import한거지?를 찾는 데 투자한 시간이 아깝다고 느껴졌습니다. 그래서 일단 타입스크립트 프로젝트를 생성할 때 어떤 폴더구조를 찾는지 궁금했습니다. 또한 프로젝트에서 Redux(리덕스)도 사용해보고자 하며 폴더구조에 대해 알아보겠습니다. 기본적인 타입스크립트의 폴더 구조처음 프로젝트를 생성했을 때 볼 수 있는 폴더 구조 입니다.위와 같이 src/, index.html, package.json,..

• format_list_bulleted 프론트/Javascript, Typescript
• · 2024. 10. 31.
• textsms

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

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

• format_list_bulleted 프론트/Javascript, Typescript
• · 2023. 10. 11.
• textsms

[자바스크립트] let, var, const의 차이

var, let, const javascript를 구현할 때 사용하는 변수입니다. 세개 모두 다른 특징이 있는데 미리 알아두고 코드를 구현하면 좋겠죠? var var 변수가 함 수 내에서 선언 될 때는 함수 범위로 지정합니다. 하지만 블록({ }) 내부에서 선언한 var 변수는 블록 밖에서도 접근이 가능합니다. 한번 선언한 후에도 값을 변경할 수 있습니다. * 원래 알던 변수와 다른 점으로는 블록 내에서 선언한 값을 밖에서도 접근 가능합니다! let let으로 선언된 변수는 { }로 구성된 코드 블록 내부에서만 접근 가능하며 그 외부에서는 접근할 수 없습니다. 우리가 흔히 알고 있는 변수의 특징입니다. 한번 선언한 후에도 값을 변경할 수 있습니다. const const로 선언된 변수는 { }로 구성된 코..

• format_list_bulleted 프론트/Javascript, Typescript
• · 2023. 10. 10.
• textsms

[자바스크립트] 자바스크립트(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); } 팀원이 작성한 정규식이다! ​ 처..

• format_list_bulleted 프론트/Javascript, Typescript
• · 2023. 7. 8.
• textsms

[자바스크립트] 자바스크립트(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()함수를 ..

• format_list_bulleted 프론트/Javascript, Typescript
• · 2023. 7. 8.
• textsms