- 전체보기(97)
- html(6)
- CSS(6)
- React(4)
- JavaScript(4)
- 자바스크립트(4)
- http(3)
- node.js(3)
- DOM(2)
- middleware(2)
- 참조자료형(2)
- express(2)
- sql(2)
- Map(2)
- DDD(2)
- SSR(2)
- CSR(2)
- 비동기(2)
- 재귀함수(2)
- Sequelize(2)
- useEffect(2)
- nosql(2)
- Props(2)
- ORM(1)
- npm(1)
- schema(1)
- Cannot read properties of undefined(1)
- URI(1)
- Graph(1)
- OOP(1)
- 시뮬레이션(1)
- refresh-token(1)
- DNS(1)
- Algorithm with Math(1)
- stack(1)
- queue(1)
- process(1)
- serialize(1)
- serverless(1)
- REST(1)
- image(1)
- 엣지로케이션(1)
- BSON(1)
- 메시지 브로커(1)
- 객체(1)
- fibonacci(1)
- 직렬화(1)
- 2 Tier Architecture(1)
- url(1)
- 시간복잡도(1)
- callback(1)
- lambda(1)
- 캡슐화(1)
- primitive(1)
- garbage collection(1)
- router(1)
- MVC(1)
- Dispatch(1)
- csrf(1)
- 다형성(1)
- 매개변수(1)
- 전달인자(1)
- await(1)
- useState(1)
- ajax(1)
- 마이크로 서비스(1)
- 함수표현식(1)
- 환경변수(1)
- Side Effect(1)
- Spread(1)
- package.json(1)
- async(1)
- wireframe(1)
- CQRS(1)
- store(1)
- Assembly Language Programming(1)
- 고차함수(1)
- sequelize-cli(1)
- Database normalization(1)
- salt(1)
- query(1)
- computer organization(1)
- action(1)
- hoisting(1)
- OAuth2.0(1)
- cli(1)
- https(1)
- Node(1)
- REST API(1)
- JWT(1)
- json(1)
- mongodb(1)
- hasing(1)
- docker(1)
- filter(1)
- foreach(1)
- for...in(1)
- fs모듈(1)
- build(1)
- tree(1)
- Big O(1)
- 완전탐색(1)
- BFS(1)
- 원시자료형(1)
- State(1)
- 사용권한(1)
- nvm(1)
- styled components(1)
- pure function(1)
- reduce(1)
- dynamic(1)
- 구조분해(1)
- for...of(1)
- array(1)
- Fetch(1)
- spa(1)
- github(1)
- 객체지향(1)
- 상속(1)
- onClick(1)
- JSX(1)
- cookie(1)
- useNavigate(1)
- object.keys(1)
- Database(1)
- DFS(1)
- IPC(1)
- styled component(1)
- Token(1)
- Binary Search Tree(1)
- ACID(1)
- dynamic programming(1)
- redux(1)
- closure(1)
- element(1)
- session(1)
- container(1)
- cdd(1)
- static(1)
- scope(1)
- git(1)
- 서버리스(1)
- migration(1)
- Event(1)
- object(1)
- 배열(1)
- promise(1)
- 추상화(1)
- greedy algorithm(1)
- RTR(1)
EPERM: operation not permitted
npm i를 하려고 했는데 오류가 발생한다. 원래 없던 오류인데, OS 업데이트 이후 발생하는 것 같다. vscode를 닫고, 새 터미널에서 를 해주었다. 그리고 다시 를 해주고 다시 하니 해결되었다. 원래 설치하려고 했던 dependency를 설치할 수 있었다. 아, 위 명령어 이후 도 적용되지 않아 다시 PATH 설정을 바꿔주었다.
sudo: npm: command not found
EC2에서 는 성공했으나, 를 누르니 를 만났다. stack over flow를 검색해서 라고 입력 후 많은 파일들이 설치되고 나서 다시 npm run start를 하니 서버가 돌아갔다!!
AWS_기본
DevOps Engineer에게 AWS 지식은 기본 중 의 기본이다. 복습도 할 겸 다시 자세히 공부 📚 엣지 네트워크 짧은 지연 시간과 높은 처리량을 지원하는 안정적인 네트워크 연결 엣지로케이션 리전별로 엣지 로케이션이 따로 존재 CloudFront 엣지 로케이션은 향상된 원본 가져오기와 동적 콘텐츠 가속화를 위해 전 세계를 포괄하는 수만 개의 네트워...
AWS Lambda
AWS Lambda AWS Lambda는 서버를 프로비저닝하거나 관리하지 않고도 코드를 실행하는 서버리스** 컴퓨팅 서비스이다.Lambda는 고가용성 컴퓨팅 인프라에서 코드를 실행하고 서버와 운영 체제 유지 관리, 용량 프로비저닝 및 자동 조정, 코드 및 보안 패치 배포, 코드 모니터링 및 로깅 등 모든 컴퓨팅 리소스 관리를 수행한다. Lambda를 사용하...
IPC, 메시지 브로커, CQRS
1. IPC (Inter-Process Communication) 프로세스 간 통신: 마이크로서비스 간의 통신이라고 부르지 않고, IPC라고 부른다. 마이크로서비스는 하나의 프로세스 단위로 실행되기 때문이다. 서비스와 서비스가 서로 통신하기 위해서는 인터페이스가 존재해야 하고, 인터페이스가 요구하는 방식대로 커뮤니케이션을 해야 한다. HTTP 프로토콜은 기...
서버리스, 도메인 주도 설계
1. 서버리스 서버가 없는 것이 아니라 서버를 관리할 필요가 없어 서버에 대한 고민을 안하는 것을 말한다. 서버리스의 예시로는 AWS Lambda가 있다. 서버리스의 장점으로는 서버관리 불필요 유연한 확장성 고가용성 유휴 용량 없음 2. 도메인 주도 설계 (Domain Driven Design) 하나의 도메인 모델에 대한 이해관계가 각자 다...
마이크로 서비스
애플리케이션을 느슨하게 결합된 서비스의 모임으로 구조화하는 서비스 지향 아키텍처 스타일의 일정인 소프트웨어 개발 기법이다. 마이크로 서비스가 갖는 특징은 아래와 같다. 유지보수에 유리하고 테스트 가능해야 함 느슨하게 결합되어야 함 독립적으로 배포 가능함 비지니스 역량을 중심으로 구성해야 함 작은 팀에 의해 소유됨 라이브...
Refresh Token
1. JWT는 statelss JWT는 stateless한 방식으로 서버측에서 이 토큰을 가지고 있는 클라이언트가 정말 클라이언트가 맞는지 확인할 수 없다는 문제점이 있다. 2. Access token의 보완책, Refresh token 이에 대한 보안책으로 refresh token이라는 추가 토큰을 활용할 수 있다. refresh token은 사용자 인...
Performance
1. Relative Performance "X is n times faster than Y" $$n = Speedx / Speedy$$ $$n = Execution Timey / Execution Timex$$ 2. Pareto Principle 80% of results generated by 20% of code.
Review of Executing a Program
1. Stages in the instruction cycle Fetch Decode Execute Store 2. ALU is active during the Execute Stage of the instruction cycle. 3. $$ f= cycle/T $$
Node.js와 브라우저 차이점
1. 목적 브라우저는 HTML, CSS, 자바스크립트를 실행하여 웹 페이지를 화면에 띄워주는게 목적이지만, Node.js는 서버 개발 환경을 제공하는 것이 목적이다. 2. 각 환경에서 제공하는 API 브라우저의 경우, 사용자에게 웹 페이지를 보여주는 것이 목적이기 때문에 HTML 요소를 선택하고 조작하는 DOM API와 같은 UI와 관련된 API를 제공한...
Color-cube
[React] 상태관리 라이브러리를 사용하지 않고 다른 색깔 찾기 게임 제작 "도전을 즐겁게, 넘블"에서 주최한 Numble Challenge에 참여하였다. 1. 주요코드 상태관리 라이브러리를 사용하지 않고 게임 만들기로 useState와 useRef만 이용하였다
[Git] There isn't anything to compare.
There isn't anything to compare. Nothing to compare, branches are entirely different commit histories master로 push를 하면 커밋 결과가 제대로 적용되지 않고, 새로운 master 브랜치만 생긴다. master와 main 브랜치와 Compare하면 히스토리가 달라서 비...
Error: Objects are not valid as a React child
문제 error message: Error: Objects are not valid as a React child (found: object with keys {username}). If you meant to render a collection of children, use an array instead. 시도 첫번째 userinfo가 무엇인지 콘솔로...
Book Log Ref#01
1. useNavigate 프로젝트 중에 팀장이 사용한 에 대해 정확히 왜 사용하였는지 이해하지 못해 조사해보았다. 일단, replace:true로 설정할때와 설정하지 않을때의 차이점 : true로 설정하면 뒤로가기를 눌렀을때 한번에 이동되지 않는다. 왜일까? replace는 스택의 최상단에 있는 것을 "대체"한다. 예를들어, 홈 → 게시판 → 로...
HTTP와 HTTPS의 차이
HTTP(HyperText Transfer Protocol) 웹상에서 클라이언트와 서버가 서로 정보를 주고받을 수 있도록 하는 규약 클라이언트는 URL(Uniform Resource Locator)로 된 HTTP를 통해 서버에게 정보 송신을 요청 HTTPS(HTTP + Secure) HTTP의 일반 텍스트에 SSL 이나 TLS 프로토콜을 씌워 데이터를 암호...
let과 var의 차이
let과 const의 차이는 알고있었다. let과 var의 공통점으로는 여러번 할당이 가능한것으로 알고있었다. 그렇다면 차이는 무엇일까?? 🤓 let 과 var의 차이 한문장으로 표현하면 var는 재선언 가능 / let은 재선언 불가능 하다. var는 같은 변수 이름을 여러번 선언할 수 있다. var는 모든 블록 스코프를 무시하고, 함수 스코프만 따른다...
나의 첫 Project 📖 Book Log
😥 첫 프로젝트 끝나자마자 올렸던 글이 지워져서 다시 올립니다ㅠ 똑같은 글이 2개나 있길래 하나를 지웠는데, 둘다 지워져버렸네요. 뭐라고 썼는지 기억도 안나는데..Velog 미워요ㅠㅠㅠ