zineeworld - mysetting

12:06 5/31

zinee-world.tistory.com

mobile screenshot relative

12:06

zinee-world.tistory.com

mobile screenshot

zineeworld
https://zinee-world.tistory.com/

Senior Markup Developer @Kakao Enterprise

저작도구: tistory

최종 피드 수집: 2024-04-15 03:46

전체 (62)

1M

2024-02-23 #오늘의영감 <티빙 CEO, 최주희 님>

기업 고민 해결사, 국내 OTT 최초 여성 CEO가 되다 (rememberapp.co.kr)

‘한국 OTT 업계 최초의 여성 CEO’ ‘1982년생 신진 기업 리더’란 타이틀로 조명받고 있죠. 순탄치 않은 여정이었고 이후로도

Collection

000

1M

2024-02-21 #오늘의영감 <다음, 7년만의 개편 예고>

7년 만에 확 바뀌는 다음 PC 화면…"실시간 이슈 한눈에" (msn.com)

Collection

000

2M

[git] 실수로 삭제한 브랜치 복구하기 (reflog)

금융권에서 일하다보니까 인터넷망에서 작업하고, 망간 전송을 시켜서 시스템망(내부폐쇄망)에 완성된 코드를 올린다. 이렇게 작업하다보면 양쪽 레포에 동일하게 관리를 해야하는데 일이 많다보니 정신이 없어서 시스템망에는 잘 올렸는데, 인

Git

000

3M

키워드로 되돌아보는 2023년

#코로나종식
올해의 사회적 키워드는 아무래도 '코로나 종식'이 될 것 같다. 2020년 2월부터 시작된 코로나가 2023년에는 종식이라고 부를 수 있을 만큼 완화되었다. 이 재난이 언제 끝날 수 있을까 암담하던 시절이 있었지만 코

Retro

000

4M

[Error] input type="number" maxlength is not working

maxlength 속성은 주로 텍스트 및 비밀번호와 같은 입력 유형에 사용되어 입력 필드에서 허용되는 최대 문자 수를 지정하는 데 사용됩니다. 그러나 "number" 입력 유형에 대해 maxlength 속성은 지원되지 않습니다.

Error

000

4M

[Warning] Type '{'--box-gap: string;}' has no properties in common with type 'Properties<string | number, string & {}>'.

리액트 컴포넌트에서 받은 숫자값을 CSS 변수로 지정하고 싶은데,
style={{'--box-gap': `${gap}`px}

이렇게 넣으니, Warning이 떴다.

해결책은 as React.CSSProperties를

Error

react

000

4M

[Error] React Hook "useState" is called conditionally.

Error
React Hook "useState" is called conditionally. React Hooks must be called in the exact same order in every component rende

Error

hook

react

useState

000

4M

[Storybook] React18+Webpack5+Storybook7 alias 설정

Error
Module not found: Error: Can't resolve '@utils/~~~' in '~~~~~~~~~'

리액트 프로젝트에서 이미 path alias를 사용할 수 있도록 설정이 되어있었다.
그런데 스토

Error

000

4M

Error: input is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`.

뷰에서 리액트 컴포넌트로 옮기는 중이라 타입스크립트 에러부터 시작해서 자잘하게 계속해서 크고 작은 에러들을 마주하고 있다.

위 에러의 원인은 input 안에 다른 태그를 포함할 수 없다는 내용이다.
당연한 소리인데 옮기다가

Error

react

storybook

000

4M

이미지 최적화 Lazy Loading을 쉽게 구현하는 방법

자바스크립트를 사용하지 않고도 가장 쉽고 간편하게 레이지로딩을 구현할 수 있습니다.

<img> lazy attribute
<!-- https://developer.mozilla.org/ko/docs/Web/HTML/Elemen

Web

000

4M

2023-11-16 #오늘의영감 <hELLO 티스토리 개발자 스킨>

코로나와 함께 방치되었던 블로그를 심폐소생하려하니
스킨이 마음에 안들어서 커스텀해볼까란 생각만 백년째하다가
개발자 블로그용 스킨이 있지 않을까 싶어서 찾아보이
이걸 가장 많이 쓰고 있었다.

https://pronist.

Collection

000

5M

[모바일 해상도] 갤럭시 폴드4 viewport 사이즈, 모바일 해상도 확인하기

갤럭시 폴드4 (Galaxy Fold 4) 가로폭
- 접힌 상태 : 345px
- 펼친 상태 : 691px

디바이스에서 아래 URL에 접속하면 직접 테스트 해 볼 수 있습니다.
[test] viewport / userAge

Tips

000

5M

웹 퍼블리셔와 마크업 개발자의 차이점은? (ft. GPT3.5)

마크업 개발자란?
마크업 개발자는 웹 개발 과정에서 주로 HTML, CSS, 그리고 종종 JavaScript를 사용하여 웹 페이지를 만드는 전문가입니다. 이들은 디자이너가 제공한 디자인을 기반으로 웹 페이지의 구조와 레이아웃을 작

Diary

000

7M

[Vue] SyntaxError: The requested module '/node_modules/lottie-web/build/player/lottie.js?v=b1d5819a' does not provide an export named 'default' (at lottie.vue:6:1)

흠.... vue2.7 + vite (windows 환경) 쓰고 있는데 vue-lottie 쓰려고 예제대로 다 했는데 계속 이 에러가 뜸
검색해도 방법을 모르겠고 미치겠네..... 같은 에러 고치신분 있으면 댓글 좀 달아주세요 ㅠ

DEV

000

7M

[윈도우] 세로모니터 화면 분할 설정하기

세로 모니터 화면 분할하는 방법 2분할 가능 (2023년) - 사이트맵 (sightmap.co.kr)

Tips

000

1y

[회식/판교] 꿰다, 숯불 오마카세

저녁 회식으로 다녀왔는데 너무 좋았다!
*2인 기준 1보틀 주류 필수 주문

Place

000

1y

[팀장일기] 1on1(원온원)을 137회 진행하고 느낀 점 (from. CLAP)

https://blog.clap.company/interview_dahye/
와 이 인터뷰 글 진짜 좋다 ㅠㅠ
클랩이 진짜 좋은게 이런 이야기를 모아서 볼 수 있다는 점이다.
역시 주제가 명확한 서비스가 성공한다.
응원합니다

Diary

000

1y

[회사일기] 2023년 판교의 봄

나중엔 다 추억이 될 것 같아서 매년 보는 광경이지만 사진으로 담아봤다.
긴 코로나 끝에 맞는 봄이어서 그런지 왠지 더 기분이 좋았다.

Diary

001

1y

[점심회식/판교] 베네쿠치 ⭐️⭐️⭐️⭐️

너무 만족스러웠던 판교 회식! 또 가고 싶다!!!
굳이 아쉬운 점을 꼽자면 파스타 면이 조금 아쉬웠다...! 하지만 나머지가 모두 퍼펙트!

Place

판교점심회식

판교회식

000

1y

2023-03-30 #오늘의영감 <Story>

https://notice.tistory.com/2637

브런치, 카카오스토리, 티스토리가 Story라는 상위개념으로 묶이나보다.
티스토리 BI가 바뀌었길래 공지사항을 읽어보니 그렇다 ^ㅇ^
티스토리 화이팅!

Collection

000