본문 바로가기

Time waits for no one 😎
FE 개발자 지망생의 기술 블로그입니다.
[Github - https://github.com/inthhh]

블로그 내 검색

🎮 프로그래밍51

[한경xToss] Fullstack 개발 - 중간 프로젝트 회고 📚👩‍💻 [한국경제신문 with toss bank] Tech 우수인재 양성을 위한 풀스택 과정 2기 약 3주 동안 진행한 중간 프로젝트 후기.지난 주에 발표가 끝났는데, 더 미뤘다가는 기억이 휘발될 것 같아 서둘러 작성해보려 한다 ⬇️ 플젝 소스 ⬇️ https://github.com/inthhh/bufl_fe GitHub - inthhh/bufl_fe: 버플 - 월급 쪼개기 자동화 서비스버플 - 월급 쪼개기 자동화 서비스. Contribute to inthhh/bufl_fe development by creating an account on GitHub.github.com 목차 1. 팀 빌딩2. 주제3. 기획안 작성4. 개발 - 개발 진행 - 사건사고5. 발표 준비 1. 팀 빌딩팀은 강사님께서 임의로.. 2025. 3. 24.

[한경xToss] 8주차 요약 : Typescript + 중간 팀플🥷 * 개인의 학습 내용 기록 중, 극히 일부의 내용만 작성되었습니다. typescript 팀플 시작 당시 팀원들에게 react ts로 개발을 진행하자고 했었는데,마침 강사님이 강의를 진행해주셨다.ts를 경험해보지 않은 팀원들이 있었기에 다행이었음!! //타입 단언(Assertion) : 형변환과 유사type Person = { name: string age: number} //타입좁히기function func1(value: number | string) { //value.toFixed() //실수형으로 바꾸기 //value.toUpperCase() //대문자로 바꾸기 if (typeof value === 'number') { value.toFixed() } else if (typeof v.. 2025. 3. 20.

[한경xToss] 6-7주차 요약 : React.js 심화, NodeJS 기초 개인의 학습 내용 기록 중, 극히 일부의 내용만 작성되었습니다. React 기초List & Key리스트(List): 배열 데이터를 동적으로 렌더링하기 위해 사용되는 JSX 요소들의 집합 React에서는 배열의 각 항목을 JSX 엘리먼트로 변환하여 화면에 출력합니다.키(Key): 리액트에서 각 리스트 항목을 고유하게 식별하기 위해 사용하는 속성입니다. 키는 리액트가 어떤 요소가 변경되었는지, 추가되었는지, 제거되었는지를 빠르게 파악하여 DOM을 효율적으로 업데이트하는 데 중요한 역할을 합니다.Form리액트에서 입력폼(input form)은 사용자의 입력을 받아 상태(state)로 관리하는 중요한 요소입니다. 입력폼을 만들 때는 리액트의 상태(state)와 이벤트 핸들러를 사용하여 입력 데이터를 관리합니다.. 2025. 3. 20.

[React] Redux 개념 및 역할, 파일 구조 디렉토링 개발을 처음 진행할 때는 리덕스 내용을 한 파일에다가 모아두다가,인턴 하면서 디렉토링 하는 방법을 배웠었는데 또 써먹을 일이 생겨 기록해둔다. Redux는 애플리케이션의 상태를 한곳에서 관리하는 라이브러리이다. 여러 컴포넌트에서 같은 데이터를 공유할 때 유용하다. 1️⃣ Redux 파일 구조 (in React typescript) /redux /actions # 액션 정의 (이벤트 발생 시 필요한 데이터 정의) categoryActions.ts /reducers # 리듀서 정의 (상태가 어떻게 변경될지 결정) categoryReducer.ts store.ts # 스토어 설정 (전체 상태 관리) 각 파일은 Redux의 핵심 요소인 액션(Acti.. 2025. 2. 27.

[한경xToss] 5주차 요약 : React.js 기초 * 개인의 학습 내용 기록 중, 극히 일부의 내용만 작성되었습니다. 마크다운 파일 작성법git, github 사용법github desktop React.js 기초React는 웹 프레임워크로, JS 라이브러리의 하나로서 사용자 인터페이스를 만들기 위해 사용됨- facebook에서 제공해주는 프론트엔드 라이브러리- 컴포넌트 기반의 UI 라이브러리 명령형 프로그래밍 vs 선언형 프로그래밍명령형 프로그래밍: 명령형 프로그래밍은 컴퓨터에게 수행해야 할 작업을 순차적인 명령어들로 구성한 프로그래밍 방식입니다. 명령형 프로그래밍에서는 코드가 프로그램 상태를 변경하는 데 필요한 절차를 명시적으로 기술하며, 변수를 사용해 상태를 추적합니다. 대표적인 명령형 프로그래밍 언어로는 C, C++, Java, Python 등이.. 2025. 2. 18.

[한경xToss] 4주차 요약 : JS 중급 * 개인의 학습 내용 기록 중, 극히 일부의 내용만 작성되었습니다.템플릿 리터럴(Template literals) - es6부터제 이름은 ${name}입니다. 배열(Array)연속된 공간에 동일한 타입의 데이터를 순차적으로 나열한 자료구조Array 객체new : 객체 생성 시 사용하는 예약어객체(Object) : 코드로 정의(클래스, 함수)된 메모리에 적재 후 활성화된 상태. 인스턴스instanceof : 객체가 특정 클래스에 속하는지 아닌지를 확인js 배열은 리스트 기능을 포함 값 타입 변수 vs 참조타입 변수값 타입은 메모리 공간에 실제값을 가짐참조 타입은 메모리 공간에 값의 주소를 가짐함수(Function)용도1. 코드 중복 제거 - 재사용성2. 코드 이름 - 가독성3. 기능적 분리/결합 - 모듈화.. 2025. 2. 7.

이전 1 2 3 4 5 6 ··· 9 다음

728x90

티스토리툴바