개발자19 [Javascript/PGS] Lv.2 : 귤 고르기 https://school.programmers.co.kr/learn/courses/30/lessons/138476# 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr프로그래머스 레벨 2.종류 갯수를 카운팅할 때 신경써야할 부분(경우)이 좀 있고,sort도 신경써줘야 한다 ㅋ.....ㅋ JS의 sort()는 문자열 기준이기 때문에, 숫자를 제대로 비교하고 정렬하려면 반드시 비교 함수를 넣어줘야 한다!!! 나의 풀이function solution(k, tangerine) { var answer = 0; let tmap = new Map(); tangerine.forEach((t)=>{ .. 2025. 4. 7. [처음 만난 리액트] 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 6-8 정리 [ 참고 서적 : 소플의 처음 만난 리액트(2판) - 한빛미디어 ] 🔹 React State 정리✅ State란?리액트 컴포넌트의 변경 가능한 데이터개발자가 직접 정의하여 사용State가 변경되면 컴포넌트가 재렌더링됨렌더링이나 데이터 흐름에 사용되는 값만 State에 포함해야 함🎯 State의 특징JavaScript 객체 형태직접 변경 불가능 → 반드시 지정된 방법(set 함수)으로 변경해야 함⚛️ 클래스 컴포넌트에서 State 사용법생성자에서 State를 한 번에 정의State 변경 시 setState() 함수 사용⚡ 함수 컴포넌트에서 State 사용법useState() Hook을 사용하여 각각의 State를 정의각 State별로 제공되는 set 함수를 사용하여 변경🔹 React 생명주기(Life.. 2025. 4. 4. [한경xToss] 🍑추가공부) Node JS, MySQL 서버 트러블슈팅 / API 만들기 ER_NOT_SUPPORTED_AUTH_MODE 에러 mysql 트러블슈팅 기록터미널에서 node mysql-server.js 로 서버를 실행했을 때, 아래와 같은 오류가 났다.code: 'ER_NOT_SUPPORTED_AUTH_MODE',errno: 1251,sqlMessage: 'Client does not support authentication protocol requested by server; consider upgrading MySQL client',sqlState: '08004',fatal: true 분명 몽고디비 쓸때는 잘됐는데..!!!이 오류는 MySQL 서버의 인증 방식이 현재 사용 중인 MySQL 클라이언트에서 지원되지 않기 때문에 발생한다고 한다 MySQL 8.0 이상에서는 기본 인증 플러그인이 caching_sha2_passwor.. 2025. 3. 26. [한경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. 이전 1 2 3 4 다음 728x90 반응형
