developGuide Svelte Themes

Developguide

공부하고 있는 자료들 📃✏

#javascript #algorithms #angular #computersystems #css #git #html5 #http #network #nextjs

Develop Guide Reference

개발 가이드 Index

Front-End 개발 가이드
1. html
2. CSS
3. 크로스브라우징
4. language
1. http
2. tool(git, webpack, babel, eslint, npm...)
3. framework
- Angular
- React
- next
- vue
- svelte
1. tdd
2. 알고리즘 / 자료구조
3. MPA VS SPA
4. [성능 개선]https://github.com/hachuu/developGuide/tree/main/UX개선
Back-End + Server 개발 가이드
1. cs
2. aws
3. cicd
4. DB
5. NginX
6. Jenkins
7. Linux
8. SSO
9. sql
10. java

기술 spec study 목록 (실질적 업무에 관련한)(2022/11/14~)

TIL 요즘

Deep Learning : chat GPT의 관심사가 높아지면서 딥러닝 관련 기술에도 관심을 가지고 있다.
Astro
Jenkins
Web Develop
sqld
aws

각종 Setting 문서 정리

개발자도구 lighthouse-SEO

Git 명령어 정리

자주 쓰는 명령어

javascript Reference

내가 정리하고 있는 javascript concept

알고리즘😡😱

GitHub Action 배포

Github Actions으로 배포 자동화하기
React (Movie King) 프로젝트 배포 참조

연산자

regular expression

Webpack vs (Grunt vs Gulp)

Webpack = (Grunt|Gulp) + Browserify(Node.js기반 javascript code를 브라우저 환경에서도 실행 가능하도록 해줌)
Webpack = 모듈 번들러 / Grunt vs Gulp = task runners

ejected webpack

An ejected project cannot use the build command anymore. => 해결 angular-cli.json 에서 다음 기입
```
"project": {
 "name": "proj-name",
 "ejected": true,
}
```

Babel

Babel : JavaScript 컴파일러, ES6 이후의 코드를 구형 브라우저 환경에 맞게 변환
polyfill : 폴리필은 웹 개발에서 기능을 지원하지 않는 웹 브라우저 상의 기능을 구현하는 코드

도커 Docker

컨테이너 기반의 오픈소스 가상화 플랫폼
도커 빌드 임시 컨테이너 생성 > 명령어 수행 > 이미지로 저장 > 임시 컨테이너 삭제 > 새로 만든 이미지 기반 임시 컨테이너 생성 > 명령어 수행 > 이미지로 저장 > 임시 컨테이너 삭제 > … 의 과정을 계속해서 반복
서버 구현까지 출처
참조

SSO 로그인

FlexBox (Flexbox Froggy를 통한 정리)

React 스터디 정리

React 정리 Hook 정리

jquery => javascript

JQUERY TO JAVASCRIPT

npm registry 설정

하게 된 이유 : 회사 pc에 레지스트리가 회사 전용 nexus로 연결되어 library install이 안됨
방법 : 전역 .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의 명령어

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

Static web app 설정

  // 
 {
  "routes": [
    {
      "route": "/*",
      "serve": "/index.html",
      "statusCode": 200
    }
  ]
}

종합 개발

개발 도구

Top categories

tailwind daisyui admin template popup mdsvex portfolio blog form ecommerce ui carousel auth dark seo image routing