본문 바로가기
반응형

Dev-Code(Front-End)4

[Next.js] (해결) Can't resolve '@/styles/globals.css' 오류 발생! next.js를 설치 한 후 공부하면서 조금 끼적이다가 타입스트립트를 설치하고나니 갑자기 App이 먹통이 되었다! 코드들이 아주 박살이 난 경우는 아니고 import를 못하는 상황이 발생했다! 보일러플레이트에 올려져있는 구조이고 저 global.css도 보일러플레이트 파일의 일부이다! 내가 임의로 만든게 아니라는 사실... 에러를 보자마자 '뭐 아주 큰문제는 아니겠군!' 싶었고 절대경로에 문제가 생긴 것 같은 느낌이었다. 구글에 검색을 해보니 나와 같은 상황을 겪는 분들이 많지는 않지만 종종 있었던것 같다. 이런 저런 글들을 읽어본 뒤 눈에 보인 것은 이건 에러라기보단 그저 TS환경 설정을 하다 만 것이다! 처음에 Next.js 프로젝트를 생성 할 때 이런저런 설치옵션들이 나오지만 한번쯤은 날것에서부터 .. 2024. 4. 3.
[React] React 프로젝트 생성하기! React를 공부하기위해 그리고 React 포트폴리오가 하나쯤 있으면 좋겠다싶어서 프로젝트 한개를 만들고 ReadMe에도 개발 방법 및 개발 히스토리를 작성 하고있다. 잘 작성 하면 자연스레 문서 작성 스킬이 늘어나지 않을까 싶다. 이미 정형화된 문서에서 작성하는것보다 내가 하고싶은대로 하고 그중에 효율적인 방식을 찾아 적용하는것도 즐거울것 같다. '그러다 문득 블로그에도 꾸준히 글을 써보자!' 라는 생각을 하게되었고 나는 초보니까 앞으로 마주할 에러나 초보적인 실수로 인한 런타임에러등을 작성하면 누군가에겐 조금 더 도움이 되지 않을까 싶은 마음이 들었다. 그렇게 무겁지도 않으면서 아주 가볍지만은 않은 마음으로 리액트 카테고리를 추가했다. React는 프로젝트를 생성하는 방법이 크게 어렵지 않다. 이 글.. 2024. 1. 19.
[JaveScript] 대/소문자 변환 함수 프로그래머스에서 문제를 풀다보니 생각보다 함수명을 정확히 모르는 경우가 많아서 내실을 다지고자 함수를 하나하나 작성해보기로했다- 가장 먼저 대/소문자 변환 함수를 찾아보았다. 처음 이 함수를 봤을 때는 이걸 쓰는 때가 있을까? 싶었는데 나같은경우는 문자열을 비교해야 할때 사용하게되었다. 함수 자체의 동작은 간단하다. string이든 char든 모두 동작한다. //변경 해볼 문자열 let string = "hello world"; console.log(string.toUpperCase()) 이렇게 입력 하면 아래와 같이 출력된다. //변경 해볼 문자열 let string = "HELLO WORLD"; console.log(string.toLowerCase()) 대문자를 소문자로 바꾸는 경우도 마찬가지이다... 2024. 1. 3.
[JavaScript] 자바스크립트 다시 공부하기! 공부를 하던 중에 나의 자바스크립트 지식의 깊이를 알게 되었다. 아마 바닥에 놓인 알루미늄 포일정도되는 듯.. 그래서 처음부터 제대로 다시 공부해보기로 했다. 책도 보고 강의도 보면서 알고있던 내용은 다시 새기고 몰랐던 내용은 새로 알아가면서 블로그에 기록을 해보기로 했다. 할일이 점점 많아져서 큰일이다.... 2023. 2. 9.
반응형