본문 바로가기
반응형

분류 전체보기41

2023-02-06 Date 2023-02-06 디자이너에서 개발자. 개발자에서 제조업 버튼맨으로 변화가 되었다. 나의 직업은 계속 바뀌었다. 대략 5년에서 7년 텀인 것 같았다. 제조업으로 온 계기는 나의 정신적인 문제와 연관이 있다. 남들과 소통을 하면서 사람과의 대화가 원할 하지 못했다. 내 성격이 나의 발목을 잡기 시작을 했고, 나는 스스로 옭아매기 시작하면서 정상적인 일을 할 수 없었다. 특히나 이전의 동료들이 그립다고 생각을 할 정도로 많이 힘들었다. 지금도 그들과 재밌게 일했던게 너무 즐겁고 그립다. 하지만 이제는 와이프도 책임을 져야하고 더 이상 뒤로 되돌아갈 수 없는 상황이고 이제부터는 개발자와 제조 공장에서 일하는 것을 병행하기로 마음을 먹었다. 제조업에 발을 들이기 위해 동생과 우선 이야기를 했다. 단순.. 2023. 2. 11.
NextJS에서 유튜브 썸네일사용하기 구현 내용 NextJS 화면을 구현을 하는 도중에 아래와 같은 화면을 구현했어야한다. 고민을 해보고 iframe으로 구현을 하면 되겠다라고 생각을 했다. NextJS에서 구현을 할 때 외부 URL을 불러오고 뿌려주고 하는 부분이 익숙하지 않아서 삽질을 했다. NextJS에서 외부 링크로 이미지를 불러오거나 할 때 next.config.js파일에 URL를 추가해줘야한다. next.config.js 파일 수정 img.youtube.com 를 추가해주었다. 간략하게 설명을 하자면 img.youtube.com는 유튜브의 썸네일을 불러오기 위한 주소이다. /** @type {import('next').NextConfig} */ const nextConfig = { ... images: { domains: [ 'l.. 2022. 11. 30.
NextJS Svg 못 읽어오는 경우 해결 에러내용 # Server Error Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. 해결 타입스크립트까지 정리를 해두려고 한다. 패키지 설치 $ npm install --dev @svgr/webpack next.config.js 파일 수정 //next.config.js const nextConfig = { ... webpack: config => { config.module.rules.push({ test: /\.svg$/, use: ['@svgr/webpack'], }); return co.. 2022. 11. 29.
NextJS TailwindCSS 적용 ## 설치 `$ npm i tailwindcss postcss autoprefixer -D` ## 설정 `$ npx tailwindcss init` #### 설정파일 수정 ``` //tailwind.config.js /** @type {import('tailwindcss').Config} */ module.exports = { content: [ './pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}', ], // darkMode: false, // or 'media' or 'class' theme: { extend: {}, screens: { // sm: 480px, // md: 768px, // lg: 976px, xl: '1920px'.. 2022. 11. 29.
반응형

티스토리툴바