주요 내용 개발자로 산다는것 1-2년에 한번씩 이직이 일어날 수 있음 그러니 이력서를 pdf로 항상 들고 다닐것 검색이 잘 되는 사람이 되어야함 눈에 잘 띄어야 뽑아감 눈에 잘 띄는 법 TIL 매일 작성하기 (오늘 배운 내용) 꾸준히! 길게 쓸 필요 없음
오늘 한일 새로 배운 것 타입 스크립트를 쓰지 않는데 타입 스크립트 관련 에러 발생 스크린샷 2022-05-04 오후 1.14.17.png 해결 방법 .eslintrc.json으로 가서 typescript 관련 규칙 삭제 스크린샷 2
viewbox 속성 : svg 요소가 그려지는 영역에서, svg요소의 크기를 확대 또는 축소 그리고 위치를 조정할 수 있는 속성<path> 내에서 변경원인 : git branch가 대문자로 설정되어있어서 생긴 오류해결 방법 : .git/refs/heads 로 이
새로 배운것 Victory animation style 그래프 그려지는 효과 animate 속성 사용 부드럽게 변환되도록 설정 stroke 색상 ,굵기 변경 ESLint eslint에 걸리지 않도록 처리하는 법 이렇게 작성시 바로 아랫줄이 eslin
HTML role : 웹 접근성을 위해 나왔으며 위젯,구조 및 동작에 대한 의미 정보를 올바르게 전달하기 위해 나온 개념tabindex : tab키를 사용하는 연속적인 키보드 탐색에서 어느 순서에 위치할지 지정focus-within : 스스로 \[:focus](http
기업 과제 (개인)을 시작했다 프로젝트 기본 세팅을 맞추고 ESLint도 typescript에 맞게 세팅 해주었다.styled-component에 익숙해져 있었던 탓에 scss로 다크모드 지원하는 법을 잘 모르겠다.. 내일 어떻게든 해내보겠다.omdb API데이터 형식
process.env 는 실행시 로드되기 때문에 .env의 설정을 바꾸게 되면 React 다시 구동해야함REACT_APP 은 약속, 데이터는 REACT_APP 으로 시작해야함https://github.com/reactjs/rfcs/blob/useevent/te
onScroll 이벤트Intersection observer API무한스크롤 구현시 onScrollIntersection Observer API타겟과 viewport 사이의 intersection 변화를 비동기적으로 관찰하는 방법LazyLoadingInfinite-sc
모달 형식에서 페이지 전환 방식으로 리팩토링 ( 모달 방식이 맞는거 같아서 진행하지 않기로 함 )react transition group\[REACT] react transition group /리액트 라우터에 애니메이션 주기, 슬라이드 애니메이션, 특정 페이지에만
axios.get등으로 간단하게 쓰기require 절대 쓰지말기 (import로 쓰기)HTML sementic 하게 써야함 꼭 꼭 꼭 엄청 중요함onError (이미지에 사용가능)모달 배경에 backdrop fliter 사용하기webpack autoprefixtext-
리팩토링 redux toolkit 공부Stylelint 저장시 자동으로 정렬해주는 세팅스크린샷 2022-05-17 오전 3.48.23.png리액트로 작업중 마운트가 두번되는 현상이 발생되는것을 확인했다.. 이유를 도통 몰라서 헤매고 있었는데react
✅ 할 일 x] [검색 영역 클론 코딩 [ ] 개인과제 리팩토링 마무리 [ ] 개인 과제 개선 사항 및 추가 구현 구상 🗒 메모 손목 건강 챙기기.. 💡새로 배운 내용 핵심 키워드 💡 프론트엔드는 무조건 가독성이 최우선 1. React svg
추가적인 정보를 더 띄워주고 싶어서 질병 정보 서비스 api 를 사용해보려던 중오랜만에 CORS에러를 마주쳤고 다시 한번 정리하기 위해 기록한다.해결 방법proxy 설정withCredentialHttp-Proxy-Middleware설치./src/setupProxy.ts
핵심 코드리뷰 스타일 파일은 소문자로 시작할것 리액트 쿼리 사용법 명확하게 체크 if 깊이는 깊게 가져가지 말 것 케밥케이스 (kebab-case) 라는것도 있다는 정도만 알아두길 하위 컴포넌트 한 뎁스 정도만 내려줄때는 props로 내려주는게 좋다 inline
dayjs를 이용해서 현재날짜와 기간 , 그리고 그 기간만큼의 저번 주의 날짜를 구하는 hook을 짜봤다사실 이걸 훅으로 짜도될까.. util로 빼야할까 많이 고민했는데 hook이 맞을것 같아서 훅으로 둬본다.코드에 보이는 반복되는 부분을 줄여야할 노력이 필요할것 같다
다른 곳에서도 공통으로 쓸만한 것. global한 애들만단, 한 페이지에서만 쓰는 컴포넌트는 그 페이지 안에 넣을 것데이터 셋은 코치님도 이제 사용하시기 시작.다행이다! 좋은 습관 하나 있어서적합한 태그? 클릭받는건 다 button 태그map을 돌리면 대부분 li태그테
원래는 내가 맡아서 해야했던 부분인데 구현을 못해서 팀원분이 해결해주셨다.잊지 않고 나중에 써먹기 위해 기록한다ps. 왜 안됐는지 이유를 보니 after태그를 안쓰고 그냥 position을 썼기 때문에.. 안됐었다 ㅠ
💡새로 배운 내용 검색결과를 테이블로 나타내주는 컴포넌트를 작성중 filter에 여러 조건을 적용시켜서 가독성 좋게 사용할 순 없을까 라는 생각이 들었고 아래와 같은 방식으로 구현했다. 사실 이렇게 써도되는건지 모르겠어서 코치님께 한번 여쭤봐야할 것 같다 안티패턴이거나 구린 코드라면 더 나은 코드로 발전 시킬 수 있도록 Filter에...
labels labels를 이용하면 그래프의 데이터를 라벨에 표현해 줄 수 있음. Specifying x and y data 위와 같이 작성하면 x,y형태로 되지 않은 데이터도 chart에 써줄 수 있다
애플 비주얼 디자인 가이드Color - Visual Design - iOS - Human Interface Guidelines - Apple Developer애플에서 주로 쓰는 색상들
하이라이트를 반절 정도만 먹이기아름다움의 근원 : 1. 글꼴 2. 색상 3. 정렬정렬인풋 옆에 버튼이 있다던가 하는 상황인풋과 버튼의 높이를 통일합니다.border-radius를 통일합니다.그림자를 사용할 경우 가능한 한 연하게 사용인풋의 내부 패딩은 가로만 주고 세로
테이블 디자인 변경뭘 만들어 볼까 한참 고민했다. 재밌는 api가 없나 찾는데 이틀은 쓴 것 같다..그래도 뭔가 만들어 보고 싶었고, 코치님이 항상 띄워서 보여주시는 가상화폐 거래소 사이트를 보니 나도 만들어보면 재밌을거 같았고. 아마 그만큼 더 대차게 까일것이 많겠지
앱 내의 잠재적인 문제를 알아내기 위해 한번 더 랜더링…데이터가 매우 많으니 50개 정도만 자르기interval옵션 = 24h, 1d, 7d, 14d, 30d, 90d, 365dHourly 1h, 2h, 3h, 6h, 12h (현재 날짜로부터 7일 이전의 데이터만 가능
일단 짜긴 했는데 너무 가독성이 떨어져보인다.. 교체를 할 필요가 있어보인다.새로 고침시에도 유지되도록 설정할지,, 적용여부를 생각해봐야겠다Atom Effects | Recoil오후 한시 = 03시까지 데이터만 나옴10시간 이전의 데이터까지만 나옴 start부분 RF
꾸준하게 써오지 않았고 쓸 자신이 없으면 오히려 공개 안하는게 좋음오히려 독이 될 수도 있다스쿼시 머지 : 커밋이 하나로 합쳐져서 피쳐에 대한 커밋을 관리하기 편해짐리베이스 머지 : 메인 브랜치 최상단에서 부터 하나씩 쌓아가는 방식자신이 어떤 부분을 맡았고 어떤 문제가
aria-required : true로 지정하여 사용자에게 해당 요소가 필수적으로 입력되어야 함을 전달aria-describedy: 아래와 같이 작성하면 div reference의 내용을 input의 추가 설명으로 사용해준다.이제 Link to에서의 props 전달