css display:inline 프로퍼티는 자식 콘텐츠를 콘텐츠 크기만큼의 가로공간을 강제로 확보하고 width,height를 허용하지 않은채로 가로배치하는 position 프로퍼티이다, 나는 flexbox나 gridbox를 사용할 수 없는, 자식의 overflow를

js에서는 Date 객체를 UTC 자정기준으로 표기하며 unix와는 다름 이대 date를 표현하는 방법은 os나 프로그램, 언어에 따라 각각 다르며, 종종 동일한 시간객체를 선택하기도함. 이때 유의점은 시간객체를 const로 선언 했어도 setHours와 같은 메서드를

aws rds가 사용하는 로컬타임을 초기에 파라미터 그룹으로 생성해서 주는 경우가 아닌, 디폴트 값을 주는 경우 rds의 엔드포인트 주소에 사용되는 인증서가 발급된 곳의 로컬타임을 기준으로 날짜를 출력합니다.vpn을 싱가폴 서버로 잡고 aws 리전을 서울로 해본결과,

알고리즘 문제 풀다가 놀랐는대sort 함수를 쓰게되면 스코프가 함수안으로 잡혀도 해당 함수의 parameter값을 변경할수있습니다. 사실 공식문서를 잘 읽어보면 놀라지 않았을지도 모릅니다. soted를 선언 해주었지만 이때 emergency라는 같은 스코프 내에 있지만

어쩌다보니까 앵귤러 SSR적용 프로젝트를 진행하게되었고 이를 AWS를 사용해 배포하는 과정에서 여러 문제를 만났고 결과적으론 여러방법중 한가지를 선택하여 해결하였다. AWS를 처음 사용해보았고 용어또한 익숙하지못해 개념을 익히고 사용법을 익히는대 많은 시간을 사용하였다

실행 컨텍스트란, JavaScript코드를 읽고, 읽은 코드를 실행할때 필요한 값, 함수, 클래스 등을 컴퓨터가 사용 할 수 있도록 메모리에 올려 놓을때 만들어 지는 것 입니다. 코드가 있는 disc에서 ram으로 ram에 이 실행 컨텍스트를 생성 해서 cpu로 보내서

코드를 작성하다가 성능 측정이 있길래 내가 전송한 api전송시간을 봤는대, 90ms가 나왔는대 옆에 높음 이라고 뜬게 매우 신경 쓰였고 고쳐보았다. 이게 당시 코드였는대, 뭔가 이상하다. updater2 , putIncart는 axios 를 사용한 전송문임. 원인이 사

이거는 나같은 사람이 무조건 나올까봐 올립니다 json.stringfy(object\[]) 한 값을 post의 payload에 넣으면첫번쨰 cart 처럼 백슬래쉬가 잔뜩 들어있을텐대JSON.parse(json.stringfy(object\[]));stringfy한걸 p

Point – Reason – Example – Point의 약자로, 논리적으로 요점을 말하고 그 요점에 대한 이유를 설명하고 사례와 근거를 들어 다시 결론을 말하는 방식으로 진행된다.여기에 말에 군더더기를 없애고 단순 명료 사실 관계만을 나열하여 글을 작성하는 연습이

mas와 컴포넌트 때문에 블록,재사용성따진다jsx는 html에 js가 포함되있는 형태이다.여기에 더해서 css in js 쓰면 css도 한번에 합쳐지기때문에 사용함　\+위 그림 과 같이 사용 하면되고 적용된 뷰는 위 그림 과 같다.

브라우저에 데이터를 저장 한다는것은. 웹페이지 정보를 서버에 요청보내는것보다, 페이지 내용,권한에 관해선 브라우저의 데이터에 액세스하는게 때로는 좋기 때문에 저장한다.브라우저에 데이터를 저장하는 방법은 3가지로 쿠키 , 로컬,세션저장소 이다. 이 3가지 방식 모두 브라

React와 Node.js의 관계웹페이지에 자바스크립트가 있고 각 회사마다 브라우저엔 JS해석엔진이 있고 구글의 CHROME엔 V8에 있는대 그 V8을 때어내서 기능을 덕지덕지 붙여서 나온게 NODE JS이다. 즉 근본은 JS 변환 툴인것. 그래서 나온게 컴퓨터 로컬

넥스트 js라는 좋은 리액트 라이브러리가 있는대 얘는 리액트가 단점이 몇가지 있어서 그걸 보완해주려고 나온건대 리액트에 저렇게 달아서 쓴다고 생각하면된다. 그럼 얘를 왜 쓰느냐이다. 만약 단순히 리액트로만 구현한다면 발생하는 문제가 있는대 SEO가 좋지않다. SEO란

3줄요약:처음eslint를 쓸때 발생한 문제로 모듈을 제대로 처음 써봤을때 겪은 일 ESLINT PRETTIER 설치했지만 작동 불가능설치코드를 보니 바로 알아챗던게, eslint와 prettier의 paser문제였고, 환경 세팅할때 여러 라이브러리의 작동 흐름과,

세션 : 둘 이상의 통신 장치나 컴퓨터와 사용자 간의 대화나 송수신 연결상태, 여기서는 사용자 정보를 저장하는 세션 공간이 존재하며 그 세션공간에는 사용자들의 세션id가 저장되어있음. 쿠키 : 서버에서 발급됀 세션을 통과하기 위한 키 값 아래는 구성요소1.세션id를 포

이벤트 버블링부모 elements와 자식 elements가 겹칠떄 주로 발생하며 클릭이나 휠 같은 특정 이벤트가 겹쳐있는 elements 의 이벤트를 동시에 촉발해서 발생하는 일로 될수있으면 피하는게 좋고, 꼭 겹칠수밖에없이 짠다면 eventObject.stopProp

내가 만든 이 웹페이지의 하단에 이러한 리뷰 게시판을 만들고싶은대, 잘 살펴보니 html을 받아온다던가, 특정 컴포넌트에 관한 정보를 몇번이고 api통신으로 받아오는대저거 db를 몽고db같은 nosql로 쓰면 저렇게 안해도될거같음. 근대 난 mysql밖에안쓰니까 해당

리덕스를 왜써야할까요? c 언어에서 define처럼 전역 함수 처럼 사용할수있어서? 반은 맞습니다. https://www.geeksforgeeks.org/how-to-declare-global-variables-in-javascript/ 그럼 js나 reac

dependency의 역할을 구분하는게 중요합니다. dependencies 와 dev Dependancies의 차이는 말그대로 ​단순한 의존, 개발중 사용하는 의존성의 차이 입니다. ​그럼 뭐가 단순 dep이고 뭐가 dev Dep일까요? ​이 둘의 차이가 정확한 예시입

페이지 내에서 눈에 보이는 데이터 뿐 아니라 서버와 주고받는 모든 데이터를 상태 라고 하며 이를 관리하는것을 상태관리라 칭합니다.SPA를 사용하는 최근의 웹 페이지는 한 페이지 안에서의 실시간 데이터 이동량이 매우 많다. 그래서 필요한게상태관리라는것이다. 이는 동기화방