반응형

분류 전체보기 723

[React] Router 오류 (6.x.x 버전에서 바뀐 사용법)

npm install react-router-dom 평화로운 유튜브 클론코딩... 평소처럼 라우터를 이용해서 페이지를 구성하기로 마음먹고 라우팅을 했는데.. Error: A is only ever to be used as the child of element 당황스러운 오류가 떴다. Route 를 Routes 로 감싸라고 한다.. 찾아보니 Router가 버전6으로 업데이트 되면서 사용법이 바뀐모양 그래서 에러가 친절하게 설명하는대로 태그를 감싸줬다. (물론 임포트도 새로 했다) import { BrowserRouter as Router, Route, Routes } from "react-router-dom"; //... function App() { return ( ); } 근데.. Error: useR..

_/Velog 2023.12.23

[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

[BOJ][C++] 백준 2293번: 동전 1

https://www.acmicpc.net/problem/2293 2293번: 동전 1 첫째 줄에 n, k가 주어진다. (1 ≤ n ≤ 100, 1 ≤ k ≤ 10,000) 다음 n개의 줄에는 각각의 동전의 가치가 주어진다. 동전의 가치는 100,000보다 작거나 같은 자연수이다. www.acmicpc.net 문제 n가지 종류의 동전이 있다. 각각의 동전이 나타내는 가치는 다르다. 이 동전을 적당히 사용해서, 그 가치의 합이 k원이 되도록 하고 싶다. 그 경우의 수를 구하시오. 각각의 동전은 몇 개라도 사용할 수 있다. 사용한 동전의 구성이 같은데, 순서만 다른 것은 같은 경우이다. 입력 첫째 줄에 n, k가 주어진다. (1 ≤ n ≤ 100, 1 ≤ k ≤ 10,000) 다음 n개의 줄에는 각각의 동전..

반응형