본문 바로가기

분류 전체보기

(55)
styled-components keyframes import styled, { keyframes } from 'styled-components'; const indeterminateAnimation = keyframes` from { transform: translateX(0) scaleX(0.5); } to { transform: translateX(400%) scaleX(0.5); } `; const Progressor = styled.div` position: absolute; top: 0; height: 4px; width: 30%; background-color: yellow animation: ${indeterminateAnimation} 1s infinite linear; transform-origin: 0 50%; `; withconfi..
Router 사용시 socket 연결이 되지 않는 현상 window.location.href 쓸 때는 잘 되는데, Router.push 쓰니까 웹소켓이 연결되지 않는다. // socket.js const socket = io.connet({}); export default socket // somePage.jsx import socket useEffect(() => { if (asPath.indexOf('url') !== -1) { if (socket) { socket.on{ socket.emit{ socket.on{ // ajax function, rerender function here } } } } } }, [asPath]) // asPath = useRouter().asPath window.location.href 로 이 코드를 동작시키면 페이지 이동..
프론트엔드 개발자 성장 레벨 https://www.notion.so/ZET-dbb9b6c1cb5d4c2da039a85b6b1dab20 ZET팀의 프런트엔드 개발자 성장 레벨 조 은, Eun Cho Front-End Lead at ZET Team - Dable euncho@dable.io www.notion.so 차례대로 주니어 미들시니어 시니어 리드 급이라고 한다
addEventListener scroll 에서 변화량 확인하기 스크롤을 조금만 내렸을 때 특정 위치로 스크롤 되는 코드를 구현해야 해서 다음과 같이 만들었다. window.addEventlistener('scroll', () => { if (window.scrollY > 100 && window.scrollY { ... useEffect(() => { smo..
PC 꺼졌다가 켜졌다가 반복 모니터가 새로 생겨 써멀도 발라주고 케이스도 바꿀 겸 부품을 다 빼고 청소해서 새 케이스에 넣어주었다.. 근데 청소기가 없어서 손과 입바람으로만 청소했고 야외에서 하다가 비가 왔다 ㅠㅠ 지붕 아래에서 하긴 했지만.. 암튼 다시 끼우고 부탕하니까 안켜진다.. 3초만에 픽 하고 죽는다 랜선 꽂았을 때 불도 안들어온다.. 비프음도 들리지않는다.. 당연히 모니터도 안나온다.. 파워 청소하다가 콘덴서 누수를 발견해서 이게 원인일까 싶어서 파워를 사왔다 ... 중략 아무튼 문제가 뭐였냐면 그 24핀인가 엄청 큰 파워 말고 보조파워 연결했는지 잘 확인하자... 내돈내놔.. 왼쪽위에 8핀 저거가 보조파워인데 끼니까 켜지드라..
매일정장입다가 후줄근 vs 매일후줄근하다가 정장 전자는 영업사원이고 후자는 면접보러가는 개발자인데 ¿ 아니 그보다 ㅋㅋㅋㅋ 직군별로 평균적으로 얼마나 일할까 궁금해서 {직업}수명 이렇게 검색했는데 개발자는 ㄹㅇ 목숨 수명 얘기하고있네 ㅋㅋㅋㅋ 요즘 허리가 아프네요 ㅇㅇ..
Vue Router url 변경 감지 App.vue
vue bootstrap sass error https://bootstrap-vue.org/docs#using-module-bundlers BootstrapVue Quickly integrate Bootstrap v4 components with Vue.js bootstrap-vue.org import Vue from 'vue' import { BootstrapVue, IconsPlugin } from 'bootstrap-vue' // Import Bootstrap an BootstrapVue CSS files (order is important) import 'bootstrap/dist/css/bootstrap.css' import 'bootstrap-vue/dist/bootstrap-vue.css' // Make BootstrapVue avai..