본문 바로가기

전체 글70

[Next.js] scroll-position 1. 스크롤 했을 때 CloseButton이 보이게 2. CloseButton을 눌렀을 때 thumbnail image가 안보이게 3. https://www.npmjs.com/package/@n8tb1t/use-scroll-position import { useScrollPosition } from '@n8tb1t/use-scroll-position' // visible 여부, img position state 관리 const [isVisible, setIsVisible] = useState(false) const [imgPosition, setImgPosition] = useState('') useScrollPosition(({ currPos }) => { const scrollY = Math.abs(.. 2021. 12. 13.
프론트엔드로 고고 백엔드 엔지니어로 입사했지만 2달 전부터 프론트엔드 엔지니어의 업무를 맡게되었다. - 팀의 개발 방향이 변경되며 백엔드보다는 프론트엔드 업무의 비중이 더 높아졌고 담당이 1명 뿐이라 리소스가 부족했다. 하지만 백엔드는 나포함 2명이었다. 이 때 이런 생각을 했었다. "프론트엔드 나도 할 수 있지 않을까?" Next.js 는 처음이었지만 PHP로 쇼핑몰을 만들고 ionic으로 하이브리드앱을 만들던 경험을 살린다면 React도 모르는 나부랭이지만 높은 러닝커브를 극복할 수 있을 것 같았다. 그래서 프론트엔드 업무를 하고싶다는 의사를 보였고, 다행히 잘 받아들여졌다. 이렇게 또 다른 한 발을 내딛은 거겠지 - 앞으로 커서 뭐가 될지 궁금하구나! 2021. 12. 13.
[node] mac에서 설치된 node.js 삭제하기 터미널 실행 $ lsbom -f -l -s -pf /var/db/receipts/org.nodejs.pkg.bom | while read f; do sudo rm /usr/local/${f}; done $ sudo rm -rf /usr/local/lib/node /usr/local/lib/node_modules /var/db/receipts/org.nodejs.* $ cd /usr/local/lib $ sudo rm -rf node* $ cd /usr/local/include $ sudo rm -rf node* $ brew uninstall node $ sudo rm -rf /usr/local/bin/npm $ sudo rm -rf /usr/local/bin/node $ ls -las $ sudo rm .. 2021. 10. 21.
방탈출 (2023.11 업데이트) 2021.09.21. 메르헨 수호대 (강남;마스터키) 2021.09.21. 조선피자몰 (신논현;넥스트에디션) 2021.09.26. 다시봄 (건대;넥스트에디션) 2021.09.26. 동화나라 수호대 (건대;넥스트에디션) 2021.10.10. 꿈의공장(홍대;비트포비아) 2021.10.10. 오늘나는 (홍대;비트포비아) 2021.10.17. 유럽횡단 야간열차 (강남;서울이스케이프룸1호점) 2021.10.17. DONE (강남;제로월드) 2022.01.08. US (강남;키이스케이프 우주라이크) 2023.01.21. 오드바 (모란;씨이스케이프) 2023.05.31 BACK TO THE SCENE+ (강남;키이스케이프 로그인2) → 개발자 맞춤용 2023.11.23 엔제리오 (강남;키이스케이프 더오름) 📍 이게.. 2021. 10. 10.
[FastAPI] FastAPI (2) - PostgreSQL CRUD API 만들기 들어가며 지난 시간에 FastAPI 프로젝트를 구축하고 실행까지 진행했다. 이번에는 PostgreSQL DB를 연동하고 간단한 CRUD API를 만들 것이다. (FastAPI Document가 넘넘 잘 되어있어서 많이 참고했다!) API 동작 결과는 Postman 으로 확인한다. 패키지 설치 fastapi 에서는 orm으로 sqlalchemy 를 사용한다고 한다. (관련 패키지 설치) $ poetry add psycopg2 $ poetry add psycopg2-binary $ poetry add sqlalchemy 프로젝트 구조 core > db 폴더 추가 health ├── README.md ├── app │ ├── __init__.py │ ├── core │ │ ├── __init__.py │ │ .. 2021. 10. 10.
[FastAPI] FastAPI (1) - 설치 입사 과제할 때 맛보기로 사용해본 후 다시 공부하게 되었다. 들어가며 다른 FastAPI 설치 방법과는 다르게 manage-fastapi 사용했다. (출처는 아래) fastapi best structure 라는 키워드로 검색했을 때 제안해준 라이브러리이다. https://github.com/ycd/manage-fastapi GitHub - ycd/manage-fastapi: CLI tool for FastAPI. Generating new FastAPI projects & boilerplates made easy. :rocket: CLI tool for FastAPI. Generating new FastAPI projects & boilerplates made easy. - GitHub - ycd/man.. 2021. 9. 9.
Poetry 설치 및 사용방법 회사 업무에서 처음 접한 툴이다. 개발 환경을 깨꿈히 만들 수 있다. 넘나 간편하다. Poetry 공식 문서에서는 아래와 같이 정의한다. Poetry is a tool for dependency management and packaging in Python. It allows you to declare the libraries your project depends on and it will manage (install/update) them for you. 간단히 살펴보자. 설치 $ curl -sSL https://raw.githubusercontent.com/python-poetry/poetry/master/get-poetry.py | python .zshrc 파일을 열어보면 poetry 경로가 자동으.. 2021. 8. 28.
20210821 뭔가 꾸준히 하는 것들이 하나둘씩 늘어난다. 그 안에서 확실한 목표들이 피어난다. 어떤 변화인지 스스로도 아직 깨닫지 못한듯하다. 그냥 뭔가 하게된다. 신기하다. :: 시작하게 된 것들 주린이 입성 자격증 공부 사이드 프로젝트 2021. 8. 21.
[AWS] AWS 원격 서버 접속 (in pycharm) 지난 번에 AWS에 Lightsail 서버 인스턴스와 데이터베이스를 생성했다. 이번에는 생성한 서버와 로컬을 연결해보려 한다. 여기서 내가 기대한 내용은 AWS 원격 서버와 로컬 프로젝트 연동 및 양쪽 어느곳에서나 파일 읽기/쓰기가 가능한 내용이다. 결론적으로는 다른 결과를 얻게 된다. 1. 서버 설정 Ubuntu 서버에서 내가 원하는 위치에 가상환경 생성 $ python3 -m venv {env_name} 에러가 난다면 아래 코드 실행 $ sudo apt-get install python3-venv 2. Pycharm 설정 로컬 환경에 프로젝트 생성 Preference - Python Interpreter - SSH Interpreter 설정 Host , Username , pem key 입력 후 연결.. 2021. 8. 21.
[AWS] AWS Lightsail + PostgreSQL AWS 서버를 사용할 수 있는 기회가 주어져 관련 내용을 정리해 보려한다. 1. Lightsail 서버 인스턴스 생성 인스턴스 이미지 Ubuntu 18.04 LTS 인스턴스 플랜 1GBRAM, 1 vCPU, 40GB SSD 2. Ubuntu 패키지 설치 apt 명령어 사용 apt 는 기존의 apt-get, apt-cache 등의 통합으로 나온 패키지 매니징 툴 $ sudo apt update # 설치 가능한 패키지 리스트를 최신화 $ sudo apt upgrade # 실제 업데이트 3. PostgreSQL 인스턴스 생성 접속 sudo apt install postgresql-client DB 인스턴스에 createdb 나 psql 등의 명령으로 DB를 생성하거나 쿼리를 실행할 수 있음 DB 생성 crea.. 2021. 8. 21.

티스토리툴바