profile
어제보다 조금 더 성장하기!
post-thumbnail

[React] GSAP - TextPlugin

내가 원하는 단어로 끊어서 화면에 띄우려면 gsap에서는 TextPlugin이 존재한다!플러그인 사용법은 이렇게 상단에 등록해주면 된다!이외에도 다른 플러그인 종류는 ScrollTrigger : 스크롤 이벤트 MotionPathPlugin : 경로에 따라 움직이는 애니

2024년 10월 3일
·
0개의 댓글
·
post-thumbnail

[React] GSAP - 기초문법

https://velog.io/@dolfin/GSAP-%EB%A6%AC%EC%95%A1%ED%8A%B8-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8%EC%97%90%EC%84%9C-GSAP-%EC%82%AC%EC%9A%A9%ED%95%98

2024년 10월 2일
·
0개의 댓글
·
post-thumbnail

[유데미x스나이퍼팩토리] 프로젝트 캠프 : React 2기 - 4주차 회고록

한달 반이 흘러가서 벌써 4주차 마지막 주가 됐다! 이번주는 엄청 바쁜 한 주 였는데, 왜냐하면우리 팀이 발표 팀 안에 들었기 때문이다!!!😆✨🥳🎈🎉그래서 한 주동안 정말 바쁘게 발표준비도 하고, 수정사항 거쳐서 배포도 하고 의미 있는 한 주를 보내며 마무리 지

2024년 9월 28일
·
0개의 댓글
·
post-thumbnail

Portfolio.2024 - 환경설정

드디어 대망의 포트폴리오를 만들어보자😆 드릉드릉,,, 이번 내 포폴 목표는 아직 배워야할 게 너무 많기 때문에 평소에 익숙하지 않은 걸 공부하면서 써보고, 부딪혀보고, 성장하자 !! 🔥 이번엔 패키지매니저 npm과의 양대산맥인 yarn을 써보기로 했다.

2024년 9월 27일
·
0개의 댓글
·
post-thumbnail

[CSS] ... 넘치는 텍스트 표시하는 방법

KT야구구단웹사이트 프로젝트 진행하면서 배웠던 CSS 속성이 있다.간혹 웹사이트나 인스타 보다보면 ... 텍스트가 너무 길어서 말 끝이 ...로 대체된 걸 볼 수 있을 것이다. 2가지 방법이 있는데 : 한 줄 텍스트 생략1) 너비 설정2) white-space: now

2024년 9월 23일
·
0개의 댓글
·
post-thumbnail

[유데미x스나이퍼팩토리] 프로젝트 캠프 : React 2기 - 3주차 회고록

프로젝트 기간 : 2024.09.02 ~ 2024.09.27프로젝트 주제 : React로 KTwiz 정보제공 페이지 만들기이번주는 직접 kt송파 사옥에 가서 멘토님과 함께 중간발표를 하는 대면 미팅이 잡혀있었다,,!!팀원들과 열심히 준비하고 기회가 된다면 나중에 다시

2024년 9월 22일
·
0개의 댓글
·
post-thumbnail

[🥎 WIZonFire 프로젝트] - 야구 구단 웹사이트 : 변경사항

✅  프로젝트 아키텍처 구성 🤔❓ 이유 폴더구조는 정해진 규칙이 없고 개인의 취향을 따라가기 때문에 팀원들간에 경험했던 바도 다르므로 처음에 정해놓고 시작해야한다. 기존에 많이 잘 알려진 폴더구조로는 FSD(Feature Sliced Design) 가

2024년 9월 21일
·
0개의 댓글
·
post-thumbnail

테이블 라이브러리 - 여러 키값 활용하기

현재 나는 데이터가 모두 나열된 테이블 형식으로 출력되고 있다근데 내가 원하는건 이렇게 팀 간 승패를 행과 열로 나눠서 표시하고 싶은데,,,!출처 : ktwiz https://www.ktwiz.co.kr/game/regular/ranking/team나는 기존에

2024년 9월 17일
·
0개의 댓글
·
post-thumbnail

🤔 NaN이 뭘까?

Javascript에서 숫자 연산을 시도할 때, undefined or null이라서 나타난다.NaN = Not a Number: 데이터가 잘못된 상태로 숫자로 변환될 때index로 내가 원하고자 하는 셀을 찾아서 없으면 "" 이게 했지만, 여기서 문제가 생겼나보다,

2024년 9월 16일
·
0개의 댓글
·
post-thumbnail

table, chart 라이브러리 사용해보기

테이블 + 차트 라이브러리 서치 중인데, 테이블은 react-table을 선택했고, 차트는: nivo을 택했다. └> 선택한 이유? 참고 reatc-table 기능 => 이제는 tanstack-table이라고 불린다 단순 그냥 보여주는거 말고, 나는 검색과 정

2024년 9월 13일
·
0개의 댓글
·
post-thumbnail

[유데미x스나이퍼팩토리] 프로젝트 캠프 : React 2기 - 2주차 회고록

프로젝트 기간 : 2024.09.02 ~ 2024.09.27 프로젝트 주제 : React로 KTwiz 정보제공 페이지 만들기 추가로 디자인 바꾸고 싶은거 의견내고 취합하느라 생각했던 것보단 시간이 걸렸지만, 공통컴퍼넌트 작업을 일요일까지 완료했다! 너무 친절하신 멘

2024년 9월 13일
·
0개의 댓글
·
post-thumbnail

[Web API] - window.location

: 개발하는 동안 사용할 수 있는 모든 인터페이스(객체)아래 공식문서에서 더 자세하고 많은 API들을 보고 경험할 수 있다.이 중에서 오늘은 Breadcrumb을 만들면서 그 해당 주소를 어떻게 알아야하는지에 대해서 궁금하다가 └> 🔎 breadcrumb ?헨젤과그

2024년 9월 5일
·
0개의 댓글
·
post-thumbnail

[React] - export 위치 차이

예를들어, 아래 코드처럼 컬러를 매번 번거롭게 자주 사용하는 main color들을 일일히 쓰기가 번거로워서 컬러들을 변수에 담아서 전역적으로 import해서 쓰려고 한다ex) 예시이렇게 export default theme;쓰게 되면 ① 단 하나의 변수를 내보내고②

2024년 9월 5일
·
0개의 댓글
·
post-thumbnail

[유데미x스나이퍼팩토리] 프로젝트 캠프 : React 2기 - 1주차 회고록

프로젝트 기간 : 2024.09.02 ~ 2024.09.27프로젝트 주제 : React로 KTwiz 정보제공 페이지 만들기 Kepp(유지)Problem(문제)Try(시도) 서버 구동이나 빌드 속도 개선을 위해 vite로 해볼까

2024년 9월 2일
·
0개의 댓글
·
post-thumbnail

🗂️[Figma] - 단축키 정리

ctrl + alt + s = 히스토리 저장 ctrl + B = 폰트 굵게ctrl + \\ = 양쪽 사이드 바 hidectrl + alt + a = select matching layersz + 원하는 부분 드래그 = 드래그 확대1920 x 1080 => 일반적인 웹사

2024년 9월 2일
·
0개의 댓글
·
post-thumbnail

[🥎 WIZonFire 프로젝트] - 야구 구단 웹사이트

오늘은 팀원들이랑 ktwiz의 프로젝트 킥오프 미팅을 했다 오늘 처음보는 팀원들이었지만 다들 밝고 성격이 좋아서 금방 친해졌다 :) 4주간 다같이 화이팅 !!! Git Repository 구축 프로젝트 진행 계획서 └> 노션 및 피그마 작업 api 정의서 작성 기

2024년 8월 30일
·
0개의 댓글
·
post-thumbnail

[React + TypeScript + Zustand] - 헷갈려서 정리해보는 게시글 작성

📂 post.store.ts : 상태관리 모아두는 곳 (redux / zustand / context API)async/await를 사용하면 비동기 함수의 실행을 마치 동기 코드처럼 사용할 수 있다└> 이 zustand 에 해당하는 타입도 정의해주기📂 router

2024년 8월 29일
·
0개의 댓글
·
post-thumbnail

Router / json server 간단하게 정리

✅ 학습 내용 정리 > #### 학습 예제 출처: 수코딩 점점 파일과 폴더가 늘어나면서 뭐가 뭔지 헷갈린다,, 그래서 정리해 본 ...! 📂 파일 구조 ✏️ Learned 1. React Error Boundary > #### 에러 공식홈 : 에러바운더리

2024년 8월 29일
·
0개의 댓글
·
post-thumbnail

[유데미x스나이퍼팩토리] 프로젝트 캠프 : React 2기 - 사전직무교육 8일차 후기

✅ 학습 내용 정리 > #### 학습 예제 출처: 수코딩 ✏️ Learned 1. useReducer 전역상태관리는 아님 ❌ => 상태를 효율적으로 관리해주는 훅 상태관리하는 데이터가 많아질 때 사용 2개의 매개변수( reducer함수,0(초기값) )받음 re

2024년 8월 28일
·
0개의 댓글
·