Develop Guide Reference

개발 가이드 Index

• AI
• Back-End + Server
• Cloud
• DevOps
• Front-End

TIL 요즘

각종 Setting 문서 정리

개발자도구 lighthouse-SEO

Git 명령어 정리

1. 자주 쓰는 명령어

알고리즘😡😱

1. 알고리즘 공부 시작 방법 및 순서
2. PS roadmap
3. 인프런 알고리즘 강좌
4. 공부하면서 알게된 것들
5. trekhleb/javascript-algorithms

jquery => javascript

• JQUERY TO JAVASCRIPT

npm registry 설정

• 방법 : 전역 .npmrc 파일 수정 및 해당 repo에 레지스트리 연결해지 후 기본 값으로 설정
• 현재 레지스트리 확인 : npm config get registry
• 전역 레지스트리 변경 : npm config set registry https://registry.npmjs.org/
• 디렉토리 기준으로 레지스트리 변경 ex) C:\dev\ang19에서 실행시

  cd C:\dev\ang19 // 경로 이동
  echo registry=https://registry.npmjs.org/ > .npmrc // 해당 경로에 npmrc 파일 생성
  type .npmrc // registry=https://registry.npmjs.org/ : 출력 확인
  npm config get registry // 레지스트리 확인
  

npm 배포출처

  npm login // 로그인
  npm whoami // 내 id 확인
  npm info hello-login // hello-login npm package가 있는 지 확인 E404응답이면 배포 가능
  npm publish // 배포

package의 명령어

1. --sourceMap==false : webpack에 의해 번들링 된 파일과 해당 파일에 대응되는 sourcemap이 생성, 실제 배포 시 sourcemap은 제거하겠다는 명령어 React build 시 sourcemap 제거하기
2. node --max-old-space-size=???? : 힙 메모리 부족시

종합 개발

• 브라우저 개발자도구에서 formdata를 숨기는 방법이 있는가요?
• ppt나 excel 자동 영어 <=> 한글 변환 끄기 파워포인트(PPT) 자동 한영 전환 기능 끄기
• 알아두면 쓸만한 Chrome Console 기능
• JWT 토큰 변환
• Single Sign On (& Single Sign Out) : 부제(로그인 통합 인증)
• Create React App 에서 ESLint 와 Prettier 설정 하기
• table을 좌우 스크롤(수평 스크롤, 스와이프)할 때 특정 컬럼을 고정하고 싶다면
• React table bootstrap
• SEO 4가지 사례로 알아보는 올바른 캐노니컬 태그 적용 방법
• Web Testing - Element 검색해서 클릭하기
• d.ts
• npm install --save
• RGB <-> HEX 색상코드 확인
• Color palettes
• 함수 퍼포먼스 체크
• slide할때 opacity조절하여 css적용
• 우아한 형제들 채팅 구현
• change detection
• changebdetection성능
• CORS 에러

개발 도구

1. 정규식 검사
2. css 에디터
3. flex box 연습 - frogbox
4. javascript 연습장
5. color tool
6. google Font
7. icon <script> injection
8. 소스 한줄 정렬
9. QA자동화
10. HTML WEB 웹 개발 각각 cache 유무 코드의 no-cache 캐시삭제, browser 가 caching 하지 않게 하는 http header 설정
11. Azure 배포
12. [웹폰트] 올바른 방법으로 로딩하자. - 사이트 로딩 속도 개선
13. 웹브라우저에서 알림