본문 바로가기

분류 전체보기125

react css 모듈 module undefined 나올 때. 안녕하세요 여러분, 크리에이트 메이커 입니다. 오늘도 꿀 팁 !제가 요즘 리액트로 아주 효율적인 IT서비스 비지니스를 제작중이면서 외주작업도 하고 있는데요.리액트의 아주 좋은 장점, 모듈화죠. 모듈화를 하게되면, 진짜 조각조각 떼다 쓸 수 있어서 좋습니다. 하지만 중요한건 모듈화를 할 줄 알아야 겠죠? Chat GPT는 잘 모릅니다 참고로.. 만약 여러분이 이것저것 다 했는데도 test.module.css 를 만들어서 import styles from './test.module.css'이렇게 선언을 했는데도, styles 가 undefined 가 나오고 css 적용이 안된다면.. 그건 잘못된 지식을 갖고 있는것입니다.자바스크립트 리액트에서 저런 문법은 곧잘 사용되고 함수나 참조를 할때 styles.abc.. 2025. 5. 26.
z-index 제트인덱스 가 안먹히면 position: 을 사용하세요. 안녕하세요 여러분 !크리에이트메이커입니다. 오늘 게시글 주제는 css 인데요.요즘 트랜디한 페이지들은 전부 움직이고 즉각적이고 직관적입니다.그만큼 한 화면에서 모든걸 해결하기 위해 다이얼로그나 표출 우선순위가 중요해 졌죠. 포커싱, 클릭 우선순위에서 z-index 는 css 에서 빠질 수 없는 요소입니다. 하지만 저에게 개발을 막 시작한 친구들이 이 z-index를 1000으로 해도 안올라 온다고 할때가 있죠... 후훗... 저는 그 이유를 몇가지 알고 있는데, 코드를 보면 항상 그 부분을 놓쳤더라구요..구글 공부의 폐혜가 아닌가 싶습니다. 자 바로 본론으로 가서..만약 제트인덱스 z-index 를 써도 그 해당 요소가 맨 앞으로 오지 않는다면.. 그것은 아마..그 요소에 position을 지정해 주지.. 2025. 5. 25.
카카오톡, 라인, 인스타그램, 페이스북 웹훅 (webhook) api 인증, 연동안될때, sns 연동 에러, 오류 안녕하세요 여러분,크리에이트 메이커입니다. 오늘 게시물을 웹훅 sns 메세지 연동 관련해서 글을 써볼까 합니다. 웹훅이라하면 기본적으로 등록을 하면, sns에 오는 메세지를 웹훅에 등록한 링크로 post 하게 해주는 기능입니다.SNS중에 무료로 제공해 주는 곳도 있고 유료로 돈받고 제공해주는 곳도 있죠.카카오톡은 유료입니다. 근데 이때 많은 개발자 분들은 이 기능을 개발에 자주 사용할텐데요.대표적으로 채널톡같은게 이 기능을 활성화해서 서비스를 판매하고 있죠. 여기 연동을 할 때, 아무이유없이 연동이 안되거나 인증이 안될때가 있을겁니다. 만약 본인이 모든것들 다 충족했는데도 연동이 안된다면... 마지막으로 ssl 인증서를 확인하셔야 합니다. ssl (https) 접속을 위한 인증서를 한가지 종류가 아닙니다.. 2025. 5. 16.
맥북 이중인증번호 받기 아이폰 없는분 IOS 맥북은 항상 뭘해도 이상한 짓거리를 많이하죠 ㅎㅎ.. 이번글은 간단하게 최신 맥북 (M4)에서 이중인증 받는 방법을 알려드릴게요 ~ 어떠한 아이디로 로그인할때, 이중인증을 해야하면, 해당 아이디로 로그인 된 기기 맥북이나 아이폰으로 이중인증번호를 받습니다.아이폰이 있다면 바로 알림이 오지만.. 맥북은 알림이 안오는 사람도 있어요.설정하는 방법도 맥북은 이상하게 만들었으니, 아마 다들 안할겁니다. 자 본론으로 방법 알려드릴게요 !! 시스템 설정 -> 맨위에 내 이름 클릭 -> 맨위 두번째 로그인 및 보안 클릭 -> 실눈뜨고 자세히 보면 암호 밑에 이중인증 있습니다. 클릭 !그리고 뭐 팝업뜨면 확인코드 받기 버튼을 누르면 아주작게 볼 수 있습니다. 이미지 참조!아주 뭣같죠? 맥북의 보안시스템은 기술력.. 2025. 4. 7.