profile
슬기랑코딩
태그 목록
post-thumbnail

React-TS-Calendar (Without Library)

클릭한 시점에서의 Date를 구해야한다.props로 받은 year 와 month를 기반으로 new Date()생성Date()객체 내 setMonth 함수를 이용하여 currentDate의 Month를 set 해주기 -> 여기서 -1을 해주는 이유는 이전 버튼이니 이전

2022년 8월 2일
·
0개의 댓글
·
post-thumbnail

개인프로젝트 - todoit 4회차

query 이용 오늘 날짜 보여주기 \- jsonserver api 활용database : doneDateTime 상태 업데이트 \- changeDoneTodoItem, handleClickCheckBtn 함수 구현 \- changeDoneTodoItem 이용시,

2022년 7월 30일
·
0개의 댓글
·
post-thumbnail

개인프로젝트 - todoit 3회차

- AxiosTodoService 에서 api 구현 - delete, isDone 기능 구현 - API 호출과 렌더링 작업 분리 - dayjs 활용 header 기능 구현 - `<Text/>` `<IconBtn>` 컴포넌트 재사용 가능하도록 분리

2022년 7월 24일
·
0개의 댓글
·
post-thumbnail

개인프로젝트 - todoit 2회차

220717 기본적인 마크업 완료 emotion style 적용 시작 VAC pattern 적용 `` 컴포넌트 내 mouseon 상태 관리 `` 컴포넌트 내 visibleTodoCreate 상태 관리 다음주에 해볼 것 : 메모리 내 데이터 관리 -> api 연결 ->

2022년 7월 24일
·
0개의 댓글
·
post-thumbnail

심리스 - 리액트 공식문서 3일차 : form, state, 합성, 상속, React로 생각하기

HTML 폼 엘리먼트는 폼 엘리먼트 자체가 내부 상태를 가지기 때문에, React의 다른 DOM 엘리먼트와 다르게 동작한다. HTML에서 &lt;input>, &lt;textarea>, &lt;select>와 같은 폼 엘리먼트는 일반적으로 사용자의 입력을 기반으로 자신

2022년 7월 22일
·
0개의 댓글
·
post-thumbnail

심리스 - 리액트 공식문서 2일차 : State and Lifecycle, 이벤트 처리하기, 조건부 렌더링, 리스트와 Key

React.Component를 확장하는 동일한 이름의 ES6 class를 생성한다.render()라고 불리는 빈 메서드를 추가한다.함수의 내용을 render() 메서드 안으로 옮긴다.render() 내용 안에 있는 props를 this.props로 변경한다.남아있는 빈

2022년 7월 22일
·
0개의 댓글
·
post-thumbnail

Admin Project - 2일차 정규식 form validcheck

이슈카드 처음 사용!이슈 카드를 생성하고, 커밋할 때 \`git commit -m 'feat https&#x3A;//regexr.com/ 에서 미리 테스트해볼 수 있다! 완전 유용!!이렇게만 하는데는 어려움이 없었다. 하지만, 아쉬운점을 개선하려다 하루종일 시간을 쏟았

2022년 7월 22일
·
0개의 댓글
·
post-thumbnail

Admin Project - 1일차 초기 셋팅

또다시 프로젝트가 시작되었다.이번 과제는 (주)에스앤피랩 기업의 과제를 수행하는 것이다.요구사항 분석 및 기능 정의, 보일러플레이트 작성, 디렉토리 컴포넌트 구조 및 라우터 설정, 역할 분담서버 : json-server 라이브러리CSS : styled-component

2022년 7월 21일
·
0개의 댓글
·
post-thumbnail

WIL - 개인 회고

🙋🏻‍♀️ 내 생각원티드 5주간의 기간 중 딱 절반을 달려왔다.프로젝트와 관련해서는 프로젝트 회고로 정리하였다. 처음에 원티드를 시작하기전 내 머릿속 고민은 어떤 식으로 로직을 짜야할 지 모른다였다.이부분은 어느정도 해소되고 있는 것 같다.지금은 부족하지만 로직이

2022년 7월 21일
·
0개의 댓글
·
post-thumbnail

블랙커피 스터디 - 페어프로그래밍

생각을 공유하며 프로그래밍을 같이 하는것2명 이상의 사람이 한 키보드, 한 모니터를 가지고 한가지 주제에 대해 같이 개발해나가는 방법네비게이터와 드라이버가 있어서 코드 작성하는 분과 방향을 잡아주는 분이 있는 방식으로 압니당!전체 지도를 보며 목적지에 다다르는 길을 안

2022년 7월 18일
·
0개의 댓글
·
post-thumbnail

심리스 - 리액트 공식문서 1일차 : JSX, 엘리먼트 렌더링

리액트는 워낙 공식문서가 잘 되었다는 말을 많이들어서, 공부를 제대로 심도깊게 한다면 공식문서를 파해쳐봐야한다! 라는 이야기를 들었다.요즘 프로젝트를 하면서, 점점 더 기초에대한 부족함을 많이 느껴 기초를 쌓고자 시작한 스터디이다!3주간 공식문서를 다 끝장내기가 목표이

2022년 7월 18일
·
0개의 댓글
·
post-thumbnail

광고 플랫폼 대시보드 프로젝트 - 3일차 마크업 & get, delete 기능 구현

팀플 어느정도 끝내기..자바스크립트 문벅스리액트 공식문서 스터디어제 한일 정리오늘의 트러블 슈팅데이터를 받아오는 과정이 잘못되었다.Map 함수 오류......원래 코드//AdItem.tsx//atom.ts해결 코드//AdItem.tsx//atom.ts리코일의 atom의

2022년 7월 18일
·
0개의 댓글
·
post-thumbnail

ToDoIt 개인프로젝트 1회차

- 기획 - CI 설정 - 프로젝트 구조 설정 (tree) - JSON server 연결

2022년 7월 16일
·
2개의 댓글
·
post-thumbnail

JS 키워드 정리 - 함수 호이스팅과 변수 호이스팅

일반적인 프로그래밍 언어에서의 함수 선언과 비슷한 형식이다function name(\[param\[, param,\[..., param]]]) { \[statements] }name : 함수 이름param : 함수로 전달되는 인수(argument)의 이름. 인수의 최대

2022년 7월 16일
·
0개의 댓글
·
post-thumbnail

광고 플랫폼 대시보드 프로젝트 - 2일차 데이터 연결

jsonserver 연결 부분을 js 파일로 생성 하였던것을 ts파일로 변경 service로 생성한 파일들의 네이밍을 axiosfactory로 변경

2022년 7월 15일
·
0개의 댓글
·
post-thumbnail

광고 플랫폼 대시보드 프로젝트 - 1일차 초기 셋팅 및 json-server 구축

새로운 프로젝트 1일차, 기한은 일주일, TS로 프로젝트 진행해야함. 차트 라이브러리 : Recharts 라이브러리 사용하기로함데이트 라이브러리 : Data fns 헤더 : 기능 없어도 된다.서버 : jsonserver라이브러리 \- gte lte (greater t

2022년 7월 14일
·
0개의 댓글
·
post-thumbnail

WIL - 개인 회고

원티드 시작한지, 벌써 1주일이 지났다.처음 3일간 사전과제에 대한 리팩토링, 몹프로그래밍을 경험하며 좋은 코드란 무엇인가 남이 봐도 이해가 될 수 있는 코드! 코드리뷰 -> 팀원들에게 내코드를 설명함에 있어서 어려움이 없어야하고, 조금 더 나은 방향으로 함수를 분리해

2022년 7월 13일
·
2개의 댓글
·
post-thumbnail

벨로퍼트 리액트 깃북 처음부터끝까지

리액트는 어떠한 상태가 바뀌었을때, 그 상태에 따라 DOM 을 어떻게 업데이트 할 지 규칙을 정하는 것이 아니라, 아예 다 날려버리고 처음부터 모든걸 새로 만들어서 보여준다면 어떨까? 라는 아이디어에서 개발이 시작되었다."업데이트를 어떻게 해야 할 지"-> 고민 X -

2022년 7월 11일
·
0개의 댓글
·
post-thumbnail

Recoil - 사용법

작고 React스러운: 빠르고 유연한 공유되는 상태데이터 흐름 그래프: 파생 데이터와 비동기 쿼리는 순수 함수와 효율적인 구독으로 관리됨교차하는 앱 관찰: 코드 분할을 손상시키지 않고 앱 전체의 모든 상태 변경을 관찰하여 지속성, 라우팅, 시간 이동 디버깅 또는 실행

2022년 7월 7일
·
0개의 댓글
·