일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
- 파이썬
- 업무자동화
- 문서자동화
- 데이터분석
- design token
- 디자인토큰
- chatGPT
- SaaS디자인
- 프론트엔드
- 웹디자인
- 에어테이블
- UX
- 3d
- frontend
- 한글자동화
- 에러노트
- 디자인
- UI
- angular
- three.js
- sass
- CSS
- scss
- 생성AI
- Airtable
- CINEMA4D
- 리액트
- blender
- 디자인 토큰
- 플랫폼
- Today
- Total
목록프론트엔드 개발/개발 팁 (7)
이게 무슨 일이야!
업계에 쏟아지는 각종 툴 정보를 한눈에 볼 수 있는 사이트 디자인, 마케팅, 개발 등 카테고리별로 필요하거나 유용한 툴을 한눈에 볼 수 있음 https://geutool.com/ 내 문제 해결을 도와줄, 그툴 400개 이상의 IT 소프트웨어(제품) 도구를 통해 효율적으로 문제를 해결해 보세요. geutool.com + 그툴의 글로벌 버전 https://www.companies.tools/products Discover all products on companies.tools companies.tools is a community of interconnected products that clearly shows a verified connection between them. www.companies.tools
참조 : https://devbirdfeet.tistory.com/7 리액트 개발 후에 npm run build npx serve -s build 이렇게 하면 build 폴더 생기면서 압축된 결과 파일들 생성 그러나 build / index.html 을 실행시켜보면 (웹 서버에 올려도) 하얀 화면이 뜨는 이슈 console 보면 Uncaught SyntaxError: Unexpected token "homepage": ".", [방법3] public / index.html 상단에 아래 코드 추가해서 캐시를 날림 + 이렇게 했는데도, build 시에 아래 메시지가 뜨면서 하얀 화면이 뜨는 경우가 있어서 Response status is not success redirect_checker.js:569 소스를..
간단하게 node, npm 버전 확인 node -v // or node --version npm -v // npm version or long npm --version n install 하기 udo npm install -g n // -g for global installation Upgrading to the latest stable version sudo n stable Changing to a specific version sudo n 10.16.0 #메모메모 exa 는 node 12 환경에서 돌아감 node-sass 버전별 node 버전 맞춰주기는 아래 링크 참조 https://www.npmjs.com/package/node-sass node-sass Wrapper around libsass. L..
Angular 에서 focus 주는건 간단한데 ... 원칙대로 했는데 안되서 여러가지 시도해서, 해결책을 찾아서 메모함 버전 : Angular 12 1. html (focus 주려는 애) 2. .ts (focus 주는 애) import { ElementRef, OnInit, QueryList, Renderer2, ViewChild } from '@angular/core'; export class IptSelectComponent implements OnInit { ... @ViewChild('optionPanel', {static:true}) optionPanel:ElementRef; ... openOptionPanel() { this.optionPanel.nativeElement.focus(); //이..
맥에서 java , tomcat 설치 메모 터미널에서 java -version java 버전 확인하니 이런게 깔려있다고함. 그래서 따로 설치 안함 openjdk version "18" 2022-03-22 OpenJDK Runtime Environment (build 18+36-2087) OpenJDK 64-Bit Server VM (build 18+36-2087, mixed mode, sharing) 자바가 안깔려있으면 이곳에서 jdk 18 깔려고 했음~ https://www.oracle.com/java/technologies/downloads/#jdk18-mac 그 다음엔 tomcat9 설치 https://earth-95.tistory.com/90 [MacOS] TOMCAT 9 설치하기 들어가기 전에 ..
Router - 페이지 전환 넣기 * 내가 사용하는 framer-motion 라이브러리 사용해서 페이지 라우팅 모션을 넣었기 때문에 매우 좋은 예 https://www.youtube.com/watch?v=FdrEjwymzdY&t=374s&ab_channel=PedroTech 이런것도 쓸 수 있으나 cdn 방식을 고려하고 있어서 최대한 npm 을 자제하려고 함.. https://www.npmjs.com/package/react-router-page-transition react-router-page-transition Highly customizable page transition component for your your React Router. Latest version: 3.1.0, last publ..

사용환경 : VS Code 문제점 : git repository 를 private 으로 만들면 git clone 이 안된다.. 0. github 에 로그인 되어있음 1. 먼저 ssh 키를 발급받아서 git settting 에 등록 https://statistics-and-data.tistory.com/entry/Github-private-repository%EB%A5%BC-clone%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95?category=974877 Github private repository를 clone하는 방법 개인 랩탑에서만 Git을 사용하다가, 회사 노트북을 함께 사용하게 되면서 Private Repository를 clone할 일이 생겼다. 아래와 같이 그냥 치면 당연..