제가 부족함을 느껴 공부하던중 찾은 정보들입니다. 저도 애용하는 사이트들 입니다. 주변의 도움 받지 못한 주니어 개발자분에게 도움이 됐으면 합니다. 저보다는 덜 헤매고 더 쉽게 공부하시길 바랍니다. 좋은 깃 커밋 메시지를 위한 영어사전 좋은 깃 커밋 메시지 목록이 나열되어있는 블로...
[리팩터링] chapter 10 조건부 로직 간소화
p.354 조건문 분해하기 거대한 코드 블록이 주어지면 코드를 부위별로 분해한 다음 해체된 코드 덩어리들을 각 덩어리의 의도를 살린 이름과 함수 호출로 바꿔주자. 그러면 전체의 의도가 더 확실히 드러난다. 조건문이 보이면 나는 조건식과 각 조건절에 이 작업을 해주길 좋아한다. 이렇게되면 해당 조건이 무엇인지 강조하고, 그래서 무엇을 분기하였는지...
[HTML] HTML 101 img, aria-label
기본 ! : mdn html elements 공식 문서 참고할것 img alt 속성은 default로 작성해야한다.필수는 아니지만 접근성에 매우 유용하다. 뭐라고 작성해야할지 모를 때, 이미지가 콘텐츠의 중요한 요소가 아닐 때는 빈칸으로 작성하면 된다. <pre> 이렇게 작...
[HTML] HTML 101 DOCTYPE, title, link, meta
기본 ! : mdn html elements 공식 문서 참고할것 html파일 기본 뼈대 <!DOCTYPE html> <html> <head></head> <body></body> </html> DOCTYP...
[HTML] HTML 101 table, audio, video, iframe, abbr, pre, code
기본 ! : mdn html elements 공식 문서 참고할것 table : tr로 열을 만들고 내부 정보는 th, td 로 입력함 //세로 입력방식 <table> <tr> <th></th> &l...
[HTML] HTML 101 a, list, dl, quote, form
React 개발을 찍어먹어봤는데 간단한 버튼 모양을 만드는데도 너무 헤매서 이참에 html, css를 공부해야겠다는 생각이 들었다. 해외에서 프론트엔드 개발자로 일하시는 분도 html, css 지식의 중요성을 강조하시기도 했고... 퍼블리셔라는 직업이 없어서 html, css 틀을 만들줄 알아야한다고하심 😭 중요성을 이제라도 깨달아서 공부를 시작한다...
[React] 오류 수정
React.StrictMode 설정시 데이터가 두번 불러와지는 현상, 그 이유 React StrictMode 관련 공식 문서 strict mode의 특징 안전하지 않은 생명주기 메서드를 사용하는 모든 클래스 컴포넌트 목록을 정리해 컴포넌트 관련 경고 로그 출력 이전...
[Typescript] 오류 수정
No overload matches this call ApexChart를 적용할때 발생한 오류다. 참고한 블로그 간단하게 말하면 overloaded function에서 지정한 매개변수들의 타입 형식(여기서는 [number, number] 또는 [string, string])과 실제 전달한 인자의 타입...
[React] React typescript
npm install --save typescript @types/node @types/react @types/react-dom @types/jest 기존 Create React App 프로젝트에 타입스크립트 설정 추가 React JS 타입스크립트 공식문서 TS 설정을 추가 + 파일 확장자명을 .tsx 후 발생한 오류 경로를 찾지 못하고...
[React] styled-components
퇴사하기 전에 React 강의를 일단 듣고 따라 치면서 공부했던 기억이 있는데 한동안 취준, 이력서 작성에만 집중하다보니 다 잊어버렸다. 예전 깃 계정으로 코드를 따라쳤던 기억은 있는데 기록을 안해놔서 어떻게 구현했는지 기억이 하나도 안나요… 기록의 중요성을 다시 한번 느낀다. 리액트 강의 재수강하면서 어떻게 포트폴리오에 적용할지 생각해보자. ...