본문 바로가기
반응형
2023-03-02 제조공장에서 3주를 버티며 제조 공장에서 일한지 대략 3주가 흘렀다. 제조 공장의 아침은 빠르고 바쁘게 시작된다. 꽤 쌀쌀한 바람과 어스푸름한 새벽의 느낌이 더욱 따뜻한 이불 밖으로 나가지 못하게 나를 끌어당긴다. 항상 아침은 자석을 이겨내는 것처럼 힘들게 시작을 한다. 출근을 하고 나면 몸이 바로 기계처럼 움직여진다. 옷을 갈아입고, 장갑을 끼고, 간단하게 주변정리를 하고 기계를 돌리기 시작한다. 처음에는 기계들의 소음들과 절삭유의 냄새가 버티기 힘들었는데, 이제는 많이 익숙해지고 자연스러워졌다. 처음에 하던 정신공격들도 이제는 방어력이 올랐는지 꽤 타격이 없었다. 요새는 제조일이 재밌어지기 시작한다. 마이크로미터를 점점 읽을 수 있게 됬고, `CNC` 머신을 간단하게나마 조작을 할 수 있다. 그렇다고, 코드를 짤 수 있는 것은.. 2023. 3. 2.
백준 시작 백준을 시작했다. 일단 목표는 100문제. 그리고 실버 1등급까지가 목표가 되겠구나. 쓸데없는 간단한 일기를 꾸준히 적어봐야겠다. 2023. 2. 18.
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.
반응형

티스토리툴바