ZungTa Blog

퍼블리싱 작업 중 배경 이미지를 넣어야 할 경우 반응형으로 맞춰야 하기 때문에 곤란한 경우가 있다. 어느 해상도에서나 특정 모양을 맞춰줘야 한다. 예를들어 아래 이미지를 해상도가 바뀌어도 일정하게 꽃모양을 비춰줘야 한다던지 하는 문제가 있다. 일단 repeat은 no-repeat으로 설정해주는게 당연하고, 화면에 다 보여줘야 하니까 background-size는 contain을 해준다. 그렇게 되면 여백이 생기거나 이미지가 잘리는 문제가 있다. 그래서 한가지 노하우를 공유하고자 한다. 위의 사진의 경우 꽃모양을 일정하게 보여주고 싶을 경우 사진의 하단쪽을 계속 보여줘야한다. 그럼 background-size: cover; 를 주고 중요한 것은 background-position을 주는 것이다.

npm을 이용해서 모듈 설치할 때 가끔 (특히 윈도우 환경에서) Can't find Python executable 에러가 뜰 경우가 있다. 해결방법 (안되는 경우도 있음) npm --add-python-to-path='true' --debug install --global windows-build-tools위 명령어를 치면 시간이 좀 오래 걸린다. 설치가 끝난 후 해당 프로젝트에서 package-lock.josn이 있으면 제거 후 npm i 를 해본다.

예전에 React로 만들었던 토이프로젝트를 이번에 Hooks 스타일로 변경하는 작업을 시작했다. 순조롭게 변경 중이었는데 문제점이 생겼다. Class형에서 사용하던 componentDidUpdate를 Hooks에서는 useEffect를 사용한다고 공식문서에 나와있어서 진행을 하였는데 내가 예상했던 것과는 useEffect가 호출되는 부분이 달랐다. componentDidUpdate - Mount될 때에는 호출되지 않고 props나 state가 변경되어 컴포넌트가 업데이트 될 때에 호출됨. useEffect에서 useEffect(() => { // 작업 }, [value]); 이렇게 사용하면 Mount될 때에도 호출, 컴포넌트 업데이트될 때에도 호출됨. 내가 원하는 방식은 말 그대로 컴포넌트가 업데이트 되..

window terminal에서 기본 터미널 설정 및 시작 디렉토리 위치 설정 방법 소개 일단, window terminal을 열고 설정으로 들어가면 settings.json을 수정할 수 있게 화면이 뜬다. 거기서 defaultProfile을 원하는 profile의 guid로 복붙하여 설정하면 기본 터미널 설정이 가능하다. 그리고 startingDirectory (또는 deafult path) 를 설정하는 방법은 해당 profile 설정 안에다가 해주면 되는데 { "guid": "{~~}", "hidden": false, "name": "Ubuntu", "source": "Windows.Terminal.Wsl", "startingDirectory": "//wsl$/Ubuntu/home/" } 같은 식으로..

한 개의 Vue 프로젝트 안에서 어드민페이지도 같이 넣어주기 위해서 vue.config.js에서 pages: { index: { entry: 'src/main.js', template: 'public/index.html', filename: 'index.html' }, mngr: { entry: 'src/admin/admin.js', template: 'public/admin.html', filename: 'admin.html', } } 이런식으로 분리를 해주고 일반 페이지에서는 tailwindcss를 사용하고 admin 페이지쪽에서는 vuetify를 사용하였다. dev-server로 운영중일 때는 잘 되었었는데 build를 하니까 문제가 발생했다. 양쪽의 css가 다 틀어지는 것이었다. 원인 분석을 해..

AWS Builders Online Series 듣던 중 메모한 것 AWS AI Services API 형태로 사용 가능 Amazon Comprehend 자연어 처리 키워드 추출 감정 분석 구문 분석 Entity 인식 종합 의료 맞춤 Entity Amazon Polly TTS Service 텍스트를 딥러닝을 통해 실제같은 음성으로 변환 자연스러운 소리 음성 저장 및 재배포 음성 출력 사용자 정의 및 제어 Amazon Rekognition 머신 러닝으로 이미지 및 비디오 분석 자동화 실제 객체 레이블 콘텐츠 조정 텍스트 감지 얼굴 검색 및 확인 얼굴 감지 및 분석 유명인 인식 Amazon Tetxtract 거의 모든 문서에서 텍스트와 데이터를 쉽게 추출 빠르고 정확한 데이터 추출 폼 추출, 테이블 추출 경..