가을기 Workspace

react-copy-to-clipboard 사용 $ npm i react-to-clipboard export default function Home() { return alert("링크가 클립보드에 복사되었어요!")}> }

본 포스팅에서는 사이드프로젝트 스케치데브를 개발하며 사용한 페이스북 공유하기 기능 연동 방법을 얘기하고 있습니다. 스케치데브가 궁금하시다면: https://sketchdev.kr 스케치데브 - 개발자 캐치마인드 스케치데브는 개발자들만의 IT용어로 즐기는 스케치퀴즈 연상 캐치마인드 게임입니다. 고득점을 한번 노려보세요! sketchdev.kr 빠르게 구현하기 { window.open(`https://www.facebook.com/sharer/sharer.php?u=${window.location.href}`, '페이스북 공유하기', 'width=600,height=800,location=no,status=no,scrollbars=yes'); }}> 좀 더 자세히 찾아보기 https://developers...

본 포스팅에서는 사이드프로젝트 스케치데브를 개발하며 활용한 카카오톡 공유하기 기능을 설명하고 있습니다. 스케치데브가 궁금하시다면: https://sketchdev.kr 스케치데브 - 개발자 캐치마인드 스케치데브는 개발자들만의 IT용어로 즐기는 스케치퀴즈 연상 캐치마인드 게임입니다. 고득점을 한번 노려보세요! sketchdev.kr 사전 설정 화면 우상단 [내 애플리케이션] 클릭 로그인은 필수겠죠? 생성한 애플리케이션을 누르시면 아래와 같이 각종 정보들을 확인할 수 있습니다. 요약 정보부터 시작해서 일반, 비즈니스, 앱 키, 플랫폼, 팀 관리 등 굉장히 다양한 기능을 제공합니다. 그리고 요약 정보에는 저희가 생성한 애플리케이션을 사용할 수 있는 앱 키가 존재합니다. 해당 키는 외부에 노출되지 않도록 잘 관..

본 포스팅에서는 사이드프로젝트 스케치데브를 개발하며 경험한 구글 애널리틱스를 연동하는 법을 설명하고 있습니다. 스케치데브가 궁금하시다면: https://sketchdev.kr 스케치데브 - 개발자 캐치마인드 스케치데브는 개발자들만의 IT용어로 즐기는 스케치퀴즈 연상 캐치마인드 게임입니다. 고득점을 한번 노려보세요! sketchdev.kr IT 서비스에 있어서 디지털 마케팅은 약장 속의 약이라 할 수 있을 정도로 필수죠. 서비스를 함에 있어서 시장을 파악하고 고객을 이해하려면 사용자가 어디에서 유입이 많이 되었고 어느 화면에서 길게 머무르는지를 반드시 알고 있어야 합니다. 네이버, 카카오, 구글, 페이스북과 같은 IT 대기업들이라면 자체 데이터 인프라가 있겠지만, 그렇지 않다면 그 인프라를 모두 직접 만들..

Docker-compose로 mongodb 띄우기 docker-compose.yml # Use root/example as user/password credentials version: '3.1' services: mongo: image: mongo restart: always environment: MONGO_INITDB_ROOT_USERNAME: root MONGO_INITDB_ROOT_PASSWORD: example mongo-express: image: mongo-express restart: always ports: - 8081:8081 environment: ME_CONFIG_MONGODB_ADMINUSERNAME: root ME_CONFIG_MONGODB_ADMINPASSWORD: examp..

본 포스팅은 사이드프로젝트 스케치데브를 사용하면서 공부한 nestjs를 정리한 글입니다. 스케치데브가 궁금하시다면: https://sketchdev.kr 스케치데브 - 개발자 캐치마인드 스케치데브는 개발자들만의 IT용어로 즐기는 스케치퀴즈 연상 캐치마인드 게임입니다. 고득점을 한번 노려보세요! sketchdev.kr Nest는 조립하는 프레임워크다. 앞서 언급한 controller, provider 들로 조립을 해야한다. 조립을 하기 위해 Nest가 한 데 모아서 관리를 해야한다. import { Module } from '@nestjs/common'; import { CatsController } from './cats.controller'; import { CatsService } from './ca..

본 포스팅은 사이드프로젝트 스케치데브를 사용하면서 공부한 nestjs를 정리한 글입니다. 스케치데브가 궁금하시다면: https://sketchdev.kr 스케치데브 - 개발자 캐치마인드 스케치데브는 개발자들만의 IT용어로 즐기는 스케치퀴즈 연상 캐치마인드 게임입니다. 고득점을 한번 노려보세요! sketchdev.kr provider: 비즈니스 로직이 담겨있는 services, repositories, factories, helpers 들을 통칭. Spring이라면 bean의 개념. 참고: provider는 모두 singleton이다. node.js는 싱글스레드 기반이므로 동시성 이슈에서 자유롭다. 서비스 import { Injectable } from '@nestjs/common'; import { Ca..

본 포스팅은 사이드프로젝트 스케치데브를 사용하면서 공부한 nestjs를 정리한 글입니다. 스케치데브가 궁금하시다면: https://sketchdev.kr 스케치데브 - 개발자 캐치마인드 스케치데브는 개발자들만의 IT용어로 즐기는 스케치퀴즈 연상 캐치마인드 게임입니다. 고득점을 한번 노려보세요! sketchdev.kr 라우팅하기 import { Controller, Get } from '@nestjs/common'; @Controller('cats') export class CatsController { @Get() findAll(): string { return 'This action returns all cats'; } } Controller, Get이라는 Decorator를 줘야한다. (Spring ..