반응형

_ 38

[React] useState 이용하여 JS로 :hover 구현하기

호버링이란.. 말그대로 마우스를 특정 요소 위에 올렸을 때 해당 요소가 바뀌게 해주는 그런 기능? 이다 const Barogagi = styled.div` &:hover { background-color: rgb(0, 0, 0, 0.5); color: rgb(255, 255, 255, 100); } `; 이런식으로 styled-component나 css를 이용하여 호버링 기능을 쉽게 구현할 수 있지만 이제.. 이걸로는 외부의 컴포넌트를 호버할때마다 전혀 다른 컴포넌트에게 영향을 끼치게 만드는게 안되어서 속상했다 useState 를 이용한 hover 기능 구현 그러다가 알게된 onMouseOver 과 onMouseOut.. 그리하여 리액트의 useState()를 이용하여 메인함수 내부에 호버링을 구현했다!..

_/Velog 2023.12.23

[AndroidStudio] One or more issues found when checking AAR metadata values 에러

One or more issues found when checking AAR metadata values: The minCompileSdk (31) specified in a dependency's AAR metadata (META-INF/com/android/build/gradle/aar-metadata.properties) is greater than this module's compileSdkVersion (android-30). Dependency: androidx.core:core-ktx:1.7.0. AAR metadata file: /Users/guest1/.gradle/caches/transforms-3/e7b644434c99ab8595e56305529915ef/transformed/jeti..

_/Velog 2023.12.23

[iOS] 화면전환의 종류 (push vs present)

push vs present present push 전개방향 세로 가로 돌아가기 dismiss pop 메소드 UIViewController UINavigationController 🌪 UIViewController 1. present : 이동 modally : 뷰 위에 뷰가 한겹 올라간 구조 세로방향으로 전개 ex. alert 알람, 새로운 이메일 작성하기 등 @IBAction func 함수명(_ sender: Any) { guard let 이동할뷰컨 = self.storyboard?.instantiateViewController(withIdentifier: "뷰컨아이디") else {return} self.present(이동할뷰컨, animated: true, completion: nil) } pres..

_/Velog 2023.12.22

[Go] package main 오류

Go 언어 스터디.. 아직 제대로 한것도 없는데 요상한 오류가 자꾸 날 괴롭혔다 당연히 써야하는 첫 줄 package main 에 빨간 밑줄....ㅠㅠ gopls requires a module at the root of your workspace. You can work with multiple modules by opening each one as a workspace folder. Improvements to this workflow will be coming soon, and you can learn more here: https://github.com/golang/tools/blob/master/gopls/doc/workspace.md. 구글링을 하는데... 아니 사용순위 4위라는데 검색량 체감..

_/Velog 2023.12.22

💛 [ Firebase ] v9부터 크게 달라진 사용법들 모아보기

Firebase를 React 프로젝트에서 사용하려는데 생기는 무시무시한 오류들... " 나 맞게 했는데??? " -> 버전 9부터 사용법이 아예 바뀌었습니다 ^^ 오류 해결을 찾아 공식문서를 항해하며 알게된 새로운 사용법들을 정리했습니다. 다른분들은 고생하지 마세요 공식문서 의 소중함을 느끼게 된 이야기.. START 1. Firebase 인증 모듈 사용 import firebase from "firebase/app"; import "firebase/auth"; const firebaseConfig = { ... }; firebase.initializeApp(firebaseConfig); export const authService = fierbase.auth(); 분명 똑같이 쳤는데 발생하는 오류.. ..

_/Velog 2023.12.22

C언어 sleep 함수 Mac에서 사용하는 법

window 가 좋았다... mac.. 싫어.. sleep() 함수란? : 시간을 지연시켜주는 함수, 괄호안에 들어가있는 수만큼의 시간을 대기한다. window 에서는 헤더파일 추가하고 #include Sleep() 함수 사용 대문자 주의 이때 단위는 마이크로초(ms) 1000ms = 1s Sleep(2000); //2초대기 Mac, 리눅스 에서는 헤더파일부터 범상치 않음 #include sleep() 함수 사용 소문자 주의 단위는 초(s) 소수(0.5) 이런거 쓰면 인식 못함 sleep(2); //2초 대기 콘솔에서 ㅁ이 위아래로 움직에게 해주는 코드를 미션으로 받아서 이렇게 했다.. 1초에 한번씩 움직여서.. 느려터지긴 했지만.. 속도에 대한 얘기는 없었으니까 ㅎ.. #include #include ..

_/Velog 2023.12.22

[AndroidStudio] Unresolved reference 오류 해결

2020년쯤에 만들어진 코틀린 강좌를 따라하다보면 @+id/ 에 해당하는 값을 Activity 에 입력할때 강의쌤들은 그냥 입력하는데 나는 자꾸 빨간색으로 써지면서 오류가 뜨더라... 진짜 이것때문에 유튜브 강의 3번정도 바꾼거 같음...;; 내 시간..ㅠㅠ 문제는 2021년 안드로이드 스튜디오 였음... 해결법은 정 말 간단했다 1. Gradle Scripts - build.gradle (Module) 에 들어간다 2. plugins {} 사이에 다음 코드 입력 id 'kotlin-android-extensions' 3. Sync Now 이유 찾아보니 무슨 extension 을 안드로이드 스튜디오가 지원하지 않기때문,,이라는데,, 아니 무슨 버전이 퇴행하는 경우가 다있지.. (황당)

_/Velog 2023.12.22

노션 화면에 보이는 비율로 PDF 변환 & 인쇄하는 법 (PDF 내보내기 사용 금지)

보통 노션페이지를 PDF 내보내기로 하면 화면에 보이는 것과 다르게 보여진다. 글자가 과하게 커지고 레이아웃이 깨지게 된다. 칸과 줄바꿈을 고려해서 깔끔하게 맞춰놨는데 정작 PDF로 만들면 다 망가져버리는 절망적인 상황 깔끔한 이력서의 정석 노션 템플릿 - 크몽 노션달 전문가의 자료·템플릿 서비스를 만나보세요. 시중에 있는 노션 템플릿은 “포트폴리오”에는 적합하지만 “이력서”에는 적합하지 않습니다.이... kmong.com 노션 템플릿을 만들어 배포할 때는 이 부분을 고려해야했다. 이력서는 대부분 PDF로 변환해서 제출하거나 인쇄하는 것이 거의 필수기 때문에 (위 글에도 적혀있지만 대부분의 회사가 포트폴리오는 링크로 받더라도 이력서는 링크가 아닌 PDF로 받는다) 내보내기를 하더라도 레이아웃이 깨지지 않..

_/코딩안함 2023.12.01

Github Readme 꾸미기 총정리 🎨

사실 내 첫 코딩(이라고 말하기는 부끄럽지만)은 깃허브 리드미였다 html 기본 태그도 모르는 상태로 유목민마냥 여러 블로그들을 떠돌아다니며 열심히 복붙하던 나날들..... 한번 정리해보고 싶었지만 시간을 감히 내지 못하고 있었는데 마침 첫 GDSC 세션 발표를 맡게 되어 이렇게 기본적이면서도 재미있는(?) 내용을 다루게 되었다 발표 목표는.. 입문자들에게는 친절하게 알려드리기 이미 알고있는 분들에게도 쓸모있는 정보를 제공하기 그럼.. 시작해보자 1. 레포지토리 생성 2. 내 아이디와 똑같은 레포지토리 만들기 3. 깃허브 표지에 나오는 특별한 리드미 🧤 기본 작성 마크다운 언어 (+ Github Flavored Markdown) 를 이용하여 작성 Markdown 기본문법 plain-text formatt..

_/Velog 2023.10.01
반응형