코드일기 코드일기

react는 index.html이 한개 프론트엔드 서버에 대해서 리소스 요청은 1회 SPA, MPA - SPA (Single Page Application) 하나의 html. 하나의 도화지(html)위에 주소(url)에 따라 필요한 컴포넌트를 도화지에 조립하는것 - MPA (Multi Page Application) 여러개의 html. CSR, SSR - CSR (Client Side Rendering) ==>> REACT     사용자가 웹사이트에 접속했을 때 페이지 렌더링에 필요한 리소스를 다운로드하고 브라우저가 화면을 직접 랜더링(보여주는것)          단점 : (1) 초기렌더링 속도가 느리다            (2) SEO가 불리하다. 검색엔진 봇은 클라이언트가 아니라서 CSR로 그린화면이..

React? 복잡한 사용자 인터페이스를 쉽게 구축하기 위해 개발된  리액트는 프레임워크로 하기에는 개발자의 선택이 반영이 더 많이 되기 때문에 라이브러리로 간주함.  React 핵심컨셉 1. 컴포넌트     한가지 이상의 기능을 수행하는 UI를 모듈화     각각의 페이지 구성에 필요한 컴포넌트를 조립하여 페이지를 완성한다.      => 단일책임의 원칙 (SRP - 한가지 기능에만 집중)     * 컴포넌트는 html이 아니라 html을 리턴하는 함수다.  2. Virtual Dom (가상돔) DOM : Document Object Model.  리액트는 DOM API를 사용하지않고, 가상의 Dom tree를 만든다.  즉, 실제 사용자가 보고 있는 DOM에 간섭하지 않는다.  => 대신, 리액트는 s..

nest g module boards 분해 nest : nest -> use nest g : generate module -> schematic that I want to use boards -> name of the schematic nest g controller boards --no-spec -> 컨트롤러 생성 --no-spec : 테스트를 위한 코드는 생성하지 않는다

typescript를 사용하여 개발하고 있습니다.   UTC는 뭐고 KST는 뭐야? 프로그래밍을 하다보면 프로그램 시간이 현재 한국의 시간대와 다르단걸 알 수 있습니다. 제가 사용한 typescript의 기반이 되는 javascript는 시간에 대한 객체를 생성할 때 저는 Date 객체를 사용하게 됩니다. 이 때 new Date()가 반환하는 시간은 UTC죠. UTC는 Universal Time Coordinated의 약자로 국제표준시라고 할 수 있습니다. 이에 반해 우리나라를 포함해사 각 국가들은 그들의 로컬타임존을 사용합니다. (미국이나 캐나다와 같은 넓은 땅덩어리 보유국들은 타임존이 여러개이긴합니다) 우리나라는 KST, Korea Stanard Time 라는 타임존을 사용하고 있어요.   KST는 ..

console.log('entityClass', entityClass); console.log('options', options); const result = await queryRunner.manager.findOne(entityClass, options); console.log('findOne 결과', result); 두번째 console.log에 options로 분명 undefined가 떴다. 그런데 result를 반환하는것이다.. 아니.. 어떻게 undefined에 대한 값을 가져와?? 라고 생각했는데.. db의 특정 값들은 'undefined'라는 텍스트가 들어가있던 것이었다. 하.. 이것때문에 며칠을 고민했다 ㅠㅠ 아...................... 그리고 하나 더 깨달은 것 js로 D..

https://velog.io/@kimareum/code-camp0202 7)ㅇㅖ? 실무에선 for문을 왜 안쓴다구요..? map 니가몬데,,,실무중심주의 부트캠프 코드캠프! (Code C useState 진위여부 (맞니, 아니니) 판단할때는 is로 시작하는 이름을 지어준다 isActive 사용해서 event.target.value false에서 true로 바뀌는거 큰 흐름을 잘보자 ! 노란불 만들어주기위해서 usestate 하나 만 velog.io

내가 설정해서 쓰기 나름이긴 하지만, 다른 사람이 어떻게 저장했는지 보는 것도 괜찮은 것 같다. eject의 경우는 또 처음보기도 하고 [리액트] package.json 명령어 npm start, npm run build 스크립트 차이점 package.json 파일에 실행 스크립트를 보면 다음과 같이 start, build, test, eject 4가지 명령이 있습니디. 일반적으로 start는 개발 모드 build는 배포용 빌드라고 알고 있습니다. 리액트(React) 에서 처음 공 code-algo.tistory.com

package.json에서 관리하는 실행명령어들. 물론 내가 정의하기 나름이긴한데, 리액트에서는 아래처럼 용도를 정하고 사용하는 것 같다. typescript에서는 --watch 플래그를 함께 달아서 수시로 변경될 때마다 start할 수 있도록 해준다. "test":"jest"로 테스트도 하고. [리액트] package.json 명령어 npm start, npm run build 스크립트 차이점 package.json 파일에 실행 스크립트를 보면 다음과 같이 start, build, test, eject 4가지 명령이 있습니디. 일반적으로 start는 개발 모드 build는 배포용 빌드라고 알고 있습니다. 리액트(React) 에서 처음 공 code-algo.tistory.com