본문 바로가기

전체 글101

[환경설정] Node.js, npm 설치하기 Node.js 및 npm 설치하기 포스팅이나 개발을 하다 보면 항상 나오는 node.js와 npm의 설치 방법을 다루려고 한다. Node.js Node.js 공식홈페이지 메인화면에서는 Node.js를 다음과 같이 설명한다. Node.js®는 Chrome V8 JavaScript 엔진으로 빌드된 JavaScript 런타임입니다. 즉 Node.js는 자바스크립트 애플리케이션뿐만 아니라, 서버를 실행하는 데 사용된다. NPM NPM은 Node Package Module의 약자이다. Node.js로 만들어진 패키지들을 간단한 명령어로 다운로드할 수 있고, 관리해줄 수 있다. Node.js 설치방법 1. 아래의 Node.js 공식 홈페이지를 방문한다. https://nodejs.org/ko/ Node.js Nod.. 2022. 10. 13. 23:42
LG그램 16인치 16ZD90Q-EX56K 구매 LG 그램 16인치 16ZD90 Q-EX56K 구매 후기 최근에 개발용 노트북이 필요해서 LG그램 제품을 구입하였다. 작은 돈이 아니다 보니 구매하기까지 매우 많은 고민을 하였다. (사실 이렇게 큰돈을 잘 못쓰겠다..) 여러 제품을 둘러보다 내가 원하는 가격대와 원하는 스펙을 고르고 또 골라서 구매하게 되었다. 다나와에서 여러 제품과 스펙을 보고, 고민과 고민 끝에 결정하게 되었다 내가 중점으로 둔 것은 화면은 16인치 이상, SSD 512GB, 램 16기가, 무게는 가벼울 것(1.2kg ~1.5kg), 외장 그래픽, 가격대는 150~ 170만원대를 가장 중점적으로 고민하였다. 그래서 16ZD90Q-EX56K의 스펙은 - CPU : i5-1240P - 그래픽 카드 : RTX 2050 - RAM : 16G.. 2022. 10. 13. 22:54
[인프런 강의] zerocho Slack 클론 코딩 (1) - 기본 세팅 인프런의 slack 클론 코딩 https://www.inflearn.com/course/slack클론코딩 Slack 클론 코딩[실시간 채팅 with React] - 인프런 | 강의 Slack 서비스를 따라 만들며 본격적인 리액트 웹 개발을 시작해봅시다! 회원가입, 로그인, 방 만들기, 실시간 채팅까지!, - 강의 소개 | 인프런... www.inflearn.com 최근에 인프런에서 강의를 결제하였다. 프론트엔드 개발자로 유명한 zerocho님의 강의이다. Slack 클론 코딩을 따라 해 보며 정리를 하려고 한다. 개발 환경은 프론트 엔드 : React 백엔드 : nest , typeorm 강의는 프론트엔드부분을 먼저 완료하고, 백엔드 부분을 구현한다. 프론트엔드는 Redux 대신 swr을 사용한다. 강의.. 2022. 10. 13. 13:14
JEST를 사용한 코딩 테스트 공부 시작 JEST를 사용한 코딩 테스트 공부 시작 코딩테스트를 예전에 프로그래머스에서 꾸준히 풀다가 잠시 쉬게되었다. 코딩테스트 연습은 좋은 회사로 가기위해선 거의 필수 불가결한 존재이다. 그래서 나도 코딩테스트를 꾸준히 하루에 하나씩은 풀기로 하였다. 프로그래머스 콘솔창을 이용하는 것도 좋지만, 나는 JEST를 사용하여 JEST의 사용법을 익혀가며 코딩테스트 공부를 포스팅할 생각이다. JEST란 무엇일까? https://jestjs.io/ Jest By ensuring your tests have unique global state, Jest can reliably run tests in parallel. To make things quick, Jest runs previously failed tests fir.. 2022. 10. 12. 23:49
티스토리 블로그 카카오 애드핏 승인 티스토리 블로그 카카오 애드 핏 승인 오늘 한통의 메일이 왔다. 티스토리 블로그를 시작한지 아직 한 달도 되지 않았지만, 카카오 애드 핏 승인을 받았다. 한참 전에 등록한 구글 애드센스는 아직 검토중인데, 카카오는 그저께 신청해서 금방 승인을 받을 수 있었다. 이제 수익도 발생할 수 있으니 더욱 열심히 써야지! 신청 방법은 하단에 게제 해놓았다. 티스토리 블로그 애드 핏 신청 및 승인 심사 방법 애드 핏 신청에는 두 가지 조건이 있다. - 블로그 개설일 30일 이상 - 블로그 포스팅 수 20개 이상 이 조건을 모두 만족해야 신청을 할 수 있다. 1. 티스토리 블로그 관리 > 좌측 하단에 수익 버튼을 클릭한다. 2. 광고 플랫폼에서 연동하기 버튼을 클릭한다. 3. 연동하기 이후에 카카오 로그인을 진행한다... 2022. 10. 12. 22:48
[React] Toast UI Chart 라이브러리 Interval 설정방법 [React] Toast UI 라이브러리 Chart Interval 설정 방법 https://ui.toast.com/ TOAST UI :: Make Your Web Delicious! TOAST UI is an open-source JavaScript UI library maintained by NHN Cloud. ui.toast.com Toast UI Chart는 차트를 그려주는 라이브러리로, 그리드 및 차트, 에디터, 캘린더 등의 기능을 제공하며, 자바스크립트 기반의 React, Vue 등의 프론트 프레임워크에서도 사용이 가능한 라이브러리이다. https://www.npmjs.com/package/@toast-ui/react-chart @toast-ui/react-chart TOAST UI Chart.. 2022. 10. 12. 13:51
[부동산] 플러스피 투자 플러스피 투자란? HTML 삽입 미리보기할 수 없는 소스 플러스피 투자는 매매가보다 전세가가 높은 매물이다. '플러스프리미엄'의 약자이다. 투자금이 들어가는 액수에 따라 투자금이 소요되면 '마이너스프리미엄', 투자금 없이 부동산을 구입하면 무갭투자, 부동산을 구입했는데 돈이 남을 경우 플러스피 투자라 한다. 한 때 전세가가 매매가 보다 높아진적이 있지만 자주 발생하는 현상은 아니다. 하지만 이런 현상을 잘 찾기만한다면 원금 손실없이 투자를 할 수 있다. 플러스피 투자의 특징 플러스피 투자는 다음과 같은 특징을 가지고 있다. 1. 플러스피 투자를 성공한다면 자산이 늘어나고 오히려 현금이 쌓이게 된다. 내가 매매한 가격보다 전세가가 더 높기때문에 자산이 오히려 늘어나게 된다. 2. 플러스피 물건이 많다면 매.. 2022. 10. 12. 01:54
[Next.js] Next.js 시작하기 (1) 이번 포스팅에서는 Next.js가 나오게 된 배경, Next.js의 주요 기능, Next.js에 설치 및 실행 방법을 알아보도록 하자. 차차 사용방법을 이어서 포스팅하겠다. Next.js는 어떻게 나오게 되었나. React를 사용하다 보면 SPA(SinglePageApplication) 방식이다 보니 클라이언트 사이드 렌더링(Client-Side-Rendering)이 일어난다. 또한 맨 처음 자바스크립트 코드를 로드하기 때문에 화면이 사용자에게 보이기까지의 시간이 오래 걸린다. 클라이언트 사이드 렌더링의 자세한 내용은 이 포스팅에 정리되어있다. 2022.10.02 - [개발/개발지식] - 서버사이드 렌더링(SSR)과 클라이언트 사이드 렌더링(CSR) 서버사이드 렌더링(SSR)과 클라이언트 사이드 렌더링(.. 2022. 10. 12. 00:10
[Network] HTTP 메소드 (GET, POST) HTTP 메소드 HTTP(Hypertext Transfer Protocol)은 클라이언트(사용자)와 서버의 통신을 가능하게 해주도록 설계되었다. HTTP는 서버와 클라이언트 간 요청과 응답 프로토콜로 통신을 한다. HTTP 메소드의 종류 - GET - POST - PUT - HEAD - DELETE - PATCH - OPTIONS - CONNECT - TRACE 가장 많이 사용하는 HTTP 메소드는 GET과 POST이다. 그래서 GET과 POST 메소드를 중점적으로 알아보도록 하자. GET 메소드 GET 메소드는 지정된 리소스에서 데이터를 요청할 때 사용된다. 쿼리 스트링(키와 값) 쌍으로 GET 요청의 URL로 전송된다. naver.com?name=1value&name2=value2 위 예제와 같이 n.. 2022. 10. 11. 15:59
728x90

티스토리툴바