본문 바로가기

Category

(328)
음악을 듣는법(+와인) 애기때부터 피아노를 침 2002월드컵 당시 연대 다니던 형이 mp3를 빌려줬다. 빨강색 아이리버 mp3에서 westlife 음악과 ceiling dion 노래를 접했다. (난 초딩) 이후 아이리버를 시리즈 마다 샀다 중1때, 일본의 파이오니어 헤드폰을 구입하고 중2때 소울컴퍼니, 커넥션 통해 힙합에 푹 빠졌다. 시대가 좋아져서 음악과 항상 곁에 있었다 많이 들었다. Ccm, 오페라, 락, 이디엠, 해피하드코어, 클래식, 피아노뉴에이지, 제이팝, 팝송, 힙합, 뷱유럽 팝, 독일 테크노, 라틴 온갖 음악을 다 즐긴다. 급 결론: 음악과 와인을 즐기는 법은 같다. 즐거운과 호기심에 다양한 경험을 통해 스팩트럼을 넓히고 20년 정도 그렇게 살면, 내 상태에 따라 나에게 음악과 와인을 큐레이션 할수있다. 오늘은 ..
만약 내가 주니어IT 분야의 디자이너라면 어떻게 공부할까 - 키워드는 서핏 디자인탭에서 주을 거다 - 디자인 나침반을 회사 계정으로 월욜 마다 뉴스레터 받아서 환기를 시킬거다 - 프로덕트헌트에서 매일 놀거다. (이건 지금도 해야할듯) 외국 내 또래들이 최근 만드는 프로덕트를 구경하고 감을 유지하기 좋다. 근데 굳이 사이트 들어가지는 않으니깐 -> 회사그룹웨어 뉴스레터로~ 뉴스레터를 구독하면 일일/주간 선택할 수 있고 따로 The Art of Product 정보도 받아볼 수 이ㅏㅆ다. - 그리고 이걸 진행할것 같다 https://weeklyuxuichallenge.oopy.io/ 위클리 UX/UI 분석 챌린지 - UX 스터디, 기획 스터디 UX/UI 에 관심있고 인사이트를 얻고 실력을 키우고 싶은 멤버들이 모여 UX/UI 리뷰, 아티클 공유, 북리뷰 등 다양한 ..
css.module 조건부 스타일 근본 classnames 안쓰면 그냥 이렇게 해야해야함. 근데 난 종속성 싫어서 그냥 이런식으로 씀. 유딩도 알아볼 수 있는 코드가 좋다 // MyComponent.js import React from 'react'; import styles from './MyComponent.module.css'; const MyComponent = ({ isSpecial }) => { // 조건에 따라 클래스를 동적으로 할당 const containerClassName = isSpecial ? styles.specialContainer : styles.normalContainer; return ( Hello, World! ); }; export default MyComponent; 링크 조건부 스타일은 이런식으로 http..
위쪽으로 올라오는 border-bottom 가끔씩 border-bottom 라인이 밑으로 되어있어서 짜증날때가 있다. 그럴땐 shadow로 처리를 하면 된다. box-shadow: inset 0px -1px 0px 0px #ffe142; 이해 하고 싶으면 https://www.cssmatic.com/box-shadow Box Shadow CSS Generator | CSSmatic CSSmatic is a non-profit project, made by developers for developers Are you a web developer? Would you like to collaborate on CSSMatic? www.cssmatic.com 쉐도우 자동생성기를 만지작 거리면 이해할 수 있다.
next styles 방식에 대한 고찰 https://nextjs.org/docs/app/building-your-application/styling Building Your Application: Styling | Next.js Learn the different ways you can style your Next.js application. nextjs.org tailwind -> scss -> css module -> css 걍 글로벌로 css 쓰기로 결론 땅땅땅. 우리 조직 큐모 크지로 않는데 억지로 복잡도를 만들 필요는 없음 스타일 만지는 개발자 3명이상 이면 새로운 방식으로 변경해도 된다고 생각함. 아직은 아님. 그리고 module 로 한것도 진짜 많이 내려둔것데.. 라이브러리 써서 뚝딱뚝딱 만들려니깐 잘 안되네
개발자는 어디까지QA 를 해야할까? https://medium.com/@kth5604/%EA%B0%9C%EB%B0%9C%EC%9E%90%EB%8A%94-qa%EB%A5%BC-%EC%96%B4%EB%8A%90%EC%A0%95%EB%8F%84-%EA%B9%8C%EC%A7%80-%ED%95%B4%EC%95%BC%ED%95%98%EB%82%98-ae10e94ed296 개발자는 QA를 어느정도 까지 해야하나? 요약 medium.com 내 생각: - 초기 프로덕트 런칭 과정 개발자랑 , 걍 개발자랑 구분해야함 - 개발팀 꽤 있고 qa 팀있고 이런 개발자는 걍 논할 대상도 아님 초기팀에서 초기 프로덕트 런칭 과정에 있는 개발자라면, 도대체 QA를 어느정도 까지 해야하나? 바로결론: 개발자 실력에 따라 케이스 바이 케이스 개발실력 별로 없으면 기능개발만..
Css vs scss vs tailwind vs 어쩌구 걍 css 만 열심히 공부하면 다른건 다 됨 그리고 css도 매번 업데이트가 되고 이ㅏㅣㅅ음 scss 가 변수? css 도됨 scss 가 Nested ? css 도됨 https://velog.io/@my_suwan/CSS-CSS-Nesting [CSS] CSS Nesting CSS 중첩규칙 velog.io css 도 매번 업데이트가 되고 있음 물론 업데이트 된다고 실무에 사용하면 안되겠지만, 그래도 근본이다. css 근본 공부를 열심히 해야한다. 난 최근에 next 프레임워크에 module.css 로 작업하는데 아무런 부족함 없다 --- css 업데이트 참고 https://hyoni-k.tistory.com/179 CSS의 새로운 기능 (2022 구글 I/O 주요 기능) 2022 구글 I/O 개발자 컨퍼..
서비스 랜딩페이지 만들어야해서 Next를 처음써본 과정 - 2 히어로배너에 효과를 줄려고 document 나 localStorag 안되서 UseEffect 적용해봣더니.. 에러메세지가..! It only works in a Client Component..? 잉? 그렇다 나는 Server Component를 작업하고 있는 것을 까먹고 있었다. 생각을 해보자. 클라이언트는 브라우져 렌더링을 컨트롤 하는 거고 , Next는 옛날 JSP 같이 서버에서 렌더링해서 그냥 데이터를 쏴주는 거다. 그니깐 상태관리를 못하징 .. 그리고 localStorage나 Document를 사용할 수 없다. [렌더링 정리] 그래픽 마스터로써로 잊고 있었던 Client & Server side rendering 을 정리해보겠다. 렌더링이란 컴퓨터그래픽스에서 공부했던 연산(Compute)과 어떤..