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

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

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

[Node] Node.js 란?

오늘은 Node.js에 대해서 알아보겠습니다.회사 들어갔다가 퇴사하고 3개월이 지났는데 아무것도 안하긴 너무 무료해져서 이것저것 해보고 있습니다 최근에는 SQLD 자격증도 따고 영어 공부도 하고 있답니다(물론 지금은 안하고 있지만ㅎ) 아무튼 그래서 사이드 프로젝트를 해보려고 합니다. IntelliJ로 스프링을 하면 좋지만, 예전부터 React를 했었고, Node.js도 사용해 보고싶었습니다 그래서 사이드 프로젝트를 React에서 TypeScript를 사용해보고 백엔드로는 Node.js로 구축하려고 합니다. 프로젝트 주제에 대해서는 다른 포스팅에 첫 글에 간단히 작성해보겠습니다. 매번 이해도 잘 안되고 깊이 있는 프로젝트를 해본 적이 없어서 차근차근 해보려고 합니다.   https://nodejs.org/..

• format_list_bulleted 백/Node.js
• · 2024. 10. 30.
• textsms

[프로그래머스] [PCCP 기출문제] 1번 / 동영상 재생기(Javascript)

https://school.programmers.co.kr/learn/courses/30/lessons/340213 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr 확인 내용1. 3가지 기능(10초 전으로 이동, 10초 후로 이동, 오프닝 건너뛰기)가 있다.2. 사용자의 입력 내용에 따라 기능 수행해야 한다.3. 현재 진행 시간이 오프닝 시간이라면 오프닝 종료 시간으로 이동한다. 코드 로직1. 시간을 숫자로 전환하여 연산2. 현재 시간을 확인하여 오프닝 중이라면 오프닝 종료 시점으로 전환3. 사용자 입력 내용이 'next'라면 +10, 'prev'라면 -10으..

• format_list_bulleted 코딩테스트/프로그래머스
• · 2024. 10. 30.
• textsms

[Redux] 리덕스란? - 리덕스 개념 및 사용방법

이번에 프로젝트를 진행하면서 리덕스를 사용해보라고 하더라구요! 근데 사용해본 경험이 없어서 이번에 정리하면서 알아보고 제대로 사용해보려고 합니다. 리덕스의 개념과 사용하는 이유, 사용 방법에 대해 알아보겠습니다 먼저..! 리덕스를 사용하기 전에 리덕스 문서를 한번 살펴봐야겠죠? 저는 사용할 때 문서를 한번이라도 꼭 읽어보는게 좋다고 생각해요 https://ko.redux.js.org/ Redux - 자바스크립트 앱을 위한 예측 가능한 상태 컨테이너. | Redux 자바스크립트 앱을 위한 예측 가능한 상태 컨테이너. ko.redux.js.org Redux란? 리덕스는 자바스크립트 앱을 위한 예측 가능한 상태 컨테이너입니다. 리덕스는 앱을 만들면서 상태관리할 수 있는 거라고 이야기를 들은적이 있어요. 앱의 ..

• format_list_bulleted 프론트/프론트엔드
• · 2024. 1. 21.
• textsms

[알뜰교통카드] 알뜰 교통 카드 신청 방법 및 카드사별 비교하기 - K 패스 전환되었습니다

공지!!!! 5월 1일부터 대중교통 할인 정책인 K-패스는 알뜰 교통카드 홈페이지와 앱에서 회원전환 시 기존 알뜰 교통카드 계정과 카드를 그대로 이용하여 혜택을 적용받으실 수 있습니다.회원전환은 [K-패스] > [K-패스전환] 메뉴에서 로그인 후 이용하실 수 있습니다.감사합니다.     안녕하세요전 지방러 인데 취업하고 서울로 올라가야 해서 월세와 교통비, 식비, 고정비 등등 나가는 돈이 너무 많아서 국가에서 지원해주는 정부지원이나 지역별 지원 내용을 찾아보고 있었답니다..문정역에 회사가 있는 데 주변에 괜찮은 원룸이 없더라구요,, 그래서 성남시에 자취를 하려고 합니다!아직 방은 안 구했지만 12월 마지막 주에 방 보러 갑니다아그래서 매일 출퇴근을 8호선 타고 갑니다..!그렇게 하면 주 5일, 출근, 퇴..

• format_list_bulleted 아무거나
• · 2023. 12. 30.
• textsms

[Spring] Querydsl Q 파일 생성 안됨 문제 해결

Error creating bean with name 'requestMappingHandlerAdapter' defined in class path resource 에러 해결 문제를 찾아보니 GuestboookReposiory.java package com.example.ex3.repository; import org.springframework.data.jpa.repository.JpaRepository; import org.springframework.data.querydsl.QuerydslPredicateExecutor; import com.example.ex3.entity.Guestbook; public interface GuestbookRepository extends JpaRepository ..

• format_list_bulleted 백/Spring, Spring Boot
• · 2023. 11. 30.
• textsms