프론트엔드15 [처음 만난 리액트] React 책읽기 : Chapter 9-12 정리 [ 참고 서적 : 소플의 처음 만난 리액트(2판) - 한빛미디어 ] ✅ 조건부 렌더링 (Conditional Rendering)조건에 따라 렌더링 결과가 달라지도록 하는 것🔹 1. 엘리먼트 변수리액트 엘리먼트를 변수처럼 저장해서 조건에 따라 선택적으로 렌더링 let button;if (isLoggedIn) { button = ;} else { button = ;}return {button};🔹 2. 인라인 조건▶ 인라인 If조건문을 코드 안에 직접 집어넣는 방식논리 연산자 && (AND) 사용앞의 조건이 true일 때만 뒤의 엘리먼트가 렌더링됨{isLoggedIn && }▶ 인라인 If-Else삼항 연산자 ? : 사용조건이 true면 첫 번째, false면 두 번째 항목을 렌더링서로 다른 두 가지.. 2025. 4. 7. [처음 만난 리액트] React 책읽기 : Chapter 0-5 정리 토스뱅크 멘토님 조언을 따라서 요즘 전공서적(?) 개발서적(?) 책들을 읽고 있는데,오래 기억하려면 내용을 요약해두면 좋을 것 같아 정리한다. 이 책은 입문자 기준이라, 설명이 꽤 자세하다.프론트엔드 개발자들은 개념을 탄탄히 다지는 데에 도움이 될 것 같다. 지금 읽고 있는건 React 도서랑 Node JS 도서인데,이번 달 내로 완독하고 Next JS와 Springboot 책도 읽어보고 싶다. 어릴 땐 책을 참 좋아했는데, 요즘은 읽을 시간이 많이 없어서 아쉽다 🤓📖요약은 깔끔하게 하려고 chatgpt의 도움을 받았다![ 참고 서적 : 소플의 처음 만난 리액트(2판) - 한빛미디어 ] 🔹 웹 개발 기본 개념 정리🏗 HTML (HyperText Markup Language)웹사이트의 뼈대를 구성하.. 2025. 4. 4. [한경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. [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. [Javascript/PGS] Lv.0 : 다음에 올 숫자 (입문 100제 마스터!🔥) https://school.programmers.co.kr/learn/courses/30/lessons/120924 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr 프로그래머스 코테 - 프로그래밍 입문(레벨 0) 마지막 문제!의외로 놓치기 쉬운 부분이 많다. 주의점1. 0으로 나눌 수 없음 - 등비수열에는 0이 등장하지 X.2. 나눗셈 값 비교 시, 그대로 비교 후 같을 때만 Math.floor 적용시켜주기 나의 풀이function solution(common) { let answer = 0; if(!common.includes(0)){ let multi1 = common[1]/c.. 2025. 2. 11. 이전 1 2 3 다음 728x90 반응형
