춘몽

npx @nestjs/cli new 폴더명

- 설치 /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" - 설치 완료되면 중간에 path 추가하라는 내용이 나온다. - 이전 컴터에서 Brewfile 만들기 번들 생성 brew bundle --help 설명 주석 합쳐서 Brewfile 생성 brew bundle dump --describe Brewfile 가져다 설치 brew bundle install 참고 페이지 https://younsl.github.io/blog/brew-backup-and-restore/ brew 백업 및 복구 Table of Contents개요현재 머신의 brew에서 전체 설치된 패키지들을 백업하고, 다른..

프로젝트 만들때부터 적용 npx create-react-app my-app --template typescript 일일이 설치 yarn add --dev typescript @types/react @types/react-dom npx tsc --init

https://velog.io/@favorcho/%ED%9D%90%EB%A5%B4%EB%8A%94-%ED%85%8D%EC%8A%A4%ED%8A%B8-%EA%B5%AC%ED%98%84%ED%95%98%EA%B8%B0 흐르는 텍스트 구현하기 화면상에서 텍스트가 왼쪽으로 무한히 흐르는 것을 구현해보자.호버(hover) 했을 때는 텍스트 색이 진해지면서 흐르던 것이 멈춘다.이 구현은 생각보다 간단한데, html과 css 로만 구현이 가능하다. velog.io

오랜만에 글을 쓴다. 요즘 Node(nest) 강의 듣느라 바빴는데 며칠전부터 포트폴리오 v2를 만드느라 바쁘다. 진짜 하루종일 만들고 있다 ㅎㅎ 첫 포트폴리오를 만들때는 프론트쪽 담당을 한번도 안했던터라 React가 너무 어색해서 내 첫 짝궁이었던 분에게 기본적인 틀 받아다가 변경해서 사용했는데 뭔가 내가 원하는 느낌대로 만들어지는 느낌이 아니여서 나중에 다시 만들어야지 라고 생각하고 있었다. 그러던 중 Node강의 초반에 html/css 부분에서 싸이월드 만들어보기를 보며, 나중에 저 디자인으로 포트폴리오 만들어야겠다고 생각했었는데 이번에 마음잡고 만드는 중이다. 저번부터 새로운 개인 프로젝트를 하게되면 카테고리를 하나 만들어서 발상, 구상, 구현, 오류/에러, 결과, 회고/생각 순으로 글을 만들고 ..

https://openweathermap.org/ Сurrent weather and forecast - OpenWeatherMap OpenWeather Weather forecasts, nowcasts and history in a fast and elegant way openweathermap.org 가입 하고 API키를 받는다. API탭에 원하는 기능별 API doc이 있는데, 보통 현재 날씨데이터를 요청하므로 Current Weather Data의 API doc의 링크를 남긴다. https://openweathermap.org/current Current weather data - OpenWeatherMap openweathermap.org 보면 API call에 요청하는 주소와 내용이 나와있다...

const geolocation = () => { navigator.geolocation.getCurrentPosition( (성공) => 성공, (실패) => 실패 ); }; 예시 코드를 이러며, 성공에는 latitude와 longtitude가 담겨있고, 실패에는 error의 code와 설명인 message가 담겨온다. 근데 이게 바로 응답이 오는게 아니라 좀 기다려야하다 보니 다른데서 이를 가져다 활용하려면 Promise로 만들어서 await을 해줘야한다. export const getLocation = async () => { return new Promise((resolve, reject) => { navigator.geolocation.getCurrentPosition( (position) =>..

- 2024.04.15 firebase에 넣었던 데이터 가져와서 보여주는데 줄바꿈 안되는 오류 있었고, 아래 적은것처럼 처리함. https://springdream0406.tistory.com/82 firebase 줄바꿈 적용안됨 우선 해결방법부터 말하자면 내용 보여주는 곳 css를 white-space: pre-wrap; 처리 해주면 된다. 이제 오류 얘기를 해보자.. textarea로 데이터 받아서 firebase에 등록하고, 이를 가져와서 보여주는데 줄바 springdream0406.tistory.com - 2024.04.14 firebase 사용량 초과에 걸렸다. 참고로 firebase의 무료 요금 하루 읽기 제한이 5만건 정도이다. 문제는 방명록의 게시글을 삭제하고 나면 변경된 firebase..

-2024-04-15_23:03게시판 끝남. 글쓰기 이미지 눌러서 선택가능, 로그인해야지 작성하기 버튼 활성화UID, username, 글내용 없으면 작성하기 거절당함.글 써져있는건 데이터 가져온 모습이고, 삭제버튼 클릭시 UID 체크하고, firebase에서도 제약걸어두었음. 홈 페이지도 대략 끝남.실제 배포하게되면 업데이트 정보에 버전 정보랑 날짜 변경하면 되고, 공지사항 날짜도 그때 맞춰서 수정해주고.작업안들어간 놀이터랑 사진첩 빼고는 요약정보도 들어가있고, 대충 알림으로 알릴만한 내용들 적은것 같고..  -2024-04-14_02:19유저 연동하는 부분 수정하고, firebase의 posts 데이터들 불러오는 설정하고, firebase 제한사항 설정해둠.같은 이메일 계정 인증 오류 alert 설정..