Tips notion 에 github 잔디 연동하기( pdf 로 내려받으면 이미지로 보이지 않기 때문에, 연동 후 이미지로 저장하여 붙여 넣는 것이 더 낫다 ) 참고 블로그 Redux 에서 React-query 로 옮겨간 기업들 기술 블로그 >카카오톡 https://
기록이 사라진다고 하여 블로그에 남긴다. 서로를 평가한다는 것이 조금 잔인하다는 생각이었는데, 좋은 말씀을 많이 해주셔서 감사하다. 후련하기보다 부족했고 아쉬웠던 점이 더 떠오르는데, 이 발판을 토대로 더 나아가야지. 다들 잘 되셨으면 🙏
WebSocket 텍스트, 바이너리 데이터만 주고 받을 수 있다 (WebRTC 는 영상, 음악, 파일 등 다른 데이터도 가능하다) 개념 참고 - Frontend 를 위한 Socket과 WebSocket WebSocket VS socket.io >WebSocket >-
Tips https://reqres.in/ dummy data로 api 통신 연습할 수 있는 사이트 CSS object-fit 이미지 크기 맞추는 속성 MDN - object-fit React 함수형 컴포넌트 ❌ 함수 컴포넌트 ⭕️ >리액트에서 함수형 컴포넌트라고
2진수, 16진수 변환 2진수를 16진수로 변환하려면, 2진수를 10진수로 변환한 후 이를 다시 16진수로 변환하면 됨 길이가 긴 2진수 -> 16진수 : 4자리씩 끊어서 2진수 -> 10진수 계산 >예시 >- 2진법으로 표현한 11111101를 16진법으로 변환하면
XSS 공격이란? Cross-Site Scripting 관리자 권한이 없는 사람이 웹 사이트에 악성 스크립트를 삽입하는 공격으로, 스크립트 내용에 따라 쿠키, 세션, 토큰 등의 탈취가 가능해진다. >방지 방법 등의 문자를 필터링 해주는 방법 직접 필터를 만들어도 되
프리온보딩 마지막 수업이었다. 면접자 분들을 모시고 모의 면접 기회를 주신다고 하셨는데, '무조건 해야겠다'라는 생각이 들면서도 70명 앞에서 내 바닥이 다 드러날 거란 생각에 걱정이 컸다.걱정할 시간에 연습하면 된다정신 승리를 하며, 정리해 주신 면접 예상 질문들에
제대로 답변하지 못할 기술은 이력서에 쓰지 않는 게 오히려 좋다리액트는 클로저와 인덱스로 동작한다 상위에서 use..들의 인덱스를 매겨두고 순서를 정함. state 를 인덱스로 비교, 가상 돔이 달라졌는지 비교하여 랜더링가상 DOM 은 언제 그리지?useCallbac
CSS 글자 색상에 black 사용은 지양해라 브랜드 컬러코드 조합 참고해서 써라(좋은 예, 애플) https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/color/ Adobe
javascript 숫자 천 단위 콤마 표시 >Number.toLocaleString() 참고 - MDN Number.prototype.toLocaleString() switch문 대체 코드
Tips 폴더 depth 는 깊어져도 된다. 쓰는 곳, 횟수에 따라 구조를 잘 짜는 게 더 중요. 웹팩은 사이즈를 줄이기 위해 함수 이름을 임의로 변경한다. js 에서 1000000 을 1000_000 으로 적어도 같다고 인식함. HTML onClick 이벤트 적용된
dayjs 사용법 참고 블로그 날짜 더하기 예시 ( 7일 후의 값 ) >dayjs().add(7, 'd') react date picker https://reactdatepicker.com/#example-date-range https://www.npmjs.com/p
Victory.js 참고 블로그 bug mac 에서 Chrome 에서 keyDown 이벤트 발생 시 입력이 두 번 되는 버그가 있었다. 기기 문제라 치부하기엔 문제가 너무 명확했다. >1. Chrome 에서는 문제가 발생하나, Safari 에서는 문제 없이 동작함 >
VSC codesnap extension 코드를 깔-끔하게 캡처할 수 있음 사용법 참고 Redux 공식 문서 Redux 기본 원리 redux의 데이터 흐름은 동일하게 단방향으로 진행된다. Action ➡️ Dispatch ➡️ Store ➡️ View >view(컴
Tips 변수명은 아주 아주 중요하다. 하지만 그보다 기능 구현이 더 중요하다. 변수명 짓기가 어렵다면 임시로 지은 이름으로 기능 구현 확인 후, 변수명을 신중히 고려해서 바꾸는 방법도 있다. Git gitmoji https://gitmoji.dev/ React 로
라이브러리를 뜯어보는 공부가 정말 많이 도움 된다.디자인을 단순히 보기만 하지 말고, 어떤 색이 메인이고, 몇 개의 색이 쓰였고, 어떤 식으로 컴포넌트를 나눴구나, 생각하면서 보면 감각을 익히기에 좋을 것.Emotion 이 SSR 지원 측면에서 Styled-Compon
참고 1 / 참고 2 / 참고 영상useQuery 훅의 파라미터를 통해 API 데이터의 만료 시간, 리프레시 간격, 캐싱된 데이터의 유지 기간, 브라우저 포커스시 데이터 리프레시 여부, 성공 or 에러 콜백 등 다양한 기능을 제어할 수 있다.stale외부 요청으로 서
Tips API 가 구리게 와도 코드가 구려지면 안됨! API 명세와 데이터 타입이 맞지 않는 경우는 매우 흔한 일이다 폴더 구조는 팀 마다, 회사 마다 기준이 다름. 현재는 본인의 기준을 세울 수 있으면 된다. import 정렬 기준 >맨 위: node_modules