Error : Render Error Minified React error #321; visit https://reactjs.org/docs/error--decoder.html?invariant=321 for the full message or use the non-minified dev environment for full errors and additional helpful warnings. 니꼬쌤 react native 강의를 따라하다가 위와 같은 에러가 났다. 조금 찾아보니 심각한 에러는 아니었고, useEffect, useState를 쓸 때 자동완성으로 잘 안보고 잘못된 곳에서 import 했기 때문. 해결 방법은 다음과 같다. 에러가 난 코드 : import { useEffect, useSta..
ETC
Error : Uncaught Error: App(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null. 노마드 코더의 'ReactJS로 영화 웹 서비스 만들기' 강의 들으면서 치는데 혼자 이 에러가 나서 열심히 찾아보다가 찾은 해결책. 문제가 되고 있던 코드 : const App = () => { const data = React.useState(); console.log(data); return ( Total Clicks: 0 Click me ); } ReactDOM.render(, root); 해결 방법은 진짜 매우 간단.... 수..
2021년에 꼭 이 글을 쓰려고 했는데, 귀찮아서 미루고 미루다 보니 벌써 22년 1월 7일이 되었다... 나는 21년, 21살이던 해에 1000만원을 모았다. 21년에는 엄마가 쓰러져서 병원에 오래 계셨는데, 이때 큰 돈은 아니지만 간간히 병원비도 보태면서 1000만원을 모았다. 그 과정과 후기에 대해 공유해보려고 한다. 우선 인증- 나는 평범한 집안에서 태어나 자랐다. 그런데 친구들과 달랐던 점은, 성인이 되고 부터 부모님께서 경제적으로 거의 지원해주시지 않았다. 그래도 부모님이 지원해주셨던 것은 등록금과 학교 기숙사 비용, 그리고 한달에 30만원 상당의 용돈이었다. 이 용돈도 올 해 6월부터 30만원으로 올려 받았고, 그 전엔 한 달에 20만원을 받았다. 근데 또 이 용돈에 통신비와 교통비가 포함이..
오늘은 vs code에서 빠르게 탭 전환을 할 수 있는 단축키에 대해 알아보도록 하겠습니다. 크롬이나 visual studio와는 달리, vs code는 탭들간에 빠르게 전환할 수 잇는 단축키가 기본적으로 설정되어있지 않습니다. 따라서 직접 해줘야하는데, 그렇게 어렵지 않습니다. 1분 내로 빠르게 설정 가능하니 아래 설명을 보고 잘 따라해보시길 바랍니다! 탭 전환/이동 단축기 설정하기 1. VS Code에서 '파일>기본 설정>바로 가기 키' 혹은 윈도우는 'Ctrl+k+s', 맥은 'Cmd+k+s'를 눌러줍니다. 2. 그럼 다음과 같은 파일이 열립니다. 여기서 우측에 보이는 아이콘을 클릭합니다. '바로 가기 키 열기(JSON)' 이라는 툴팁이 뜹니다. 3. 다음과 같은 파일이 나옵니다. 4. 위 파일에 ..
오늘은 티스토리 블로그 커스텀 스킨을 적용하는 방법과 무료 스킨들에 대해서 알아보려고 합니다! 티스토리 무료 스킨 공유 저도 무료 스킨을 찾으러 많이 검색해 봤는데, 아래 두 링크가 가장 예쁘더라구요! 1. 2021.11.24기준 현재 제 블로그에 적용되어있는 스킨 https://pronist.tistory.com/5 hELLO. 티스토리 스킨을 소개합니다. hELLO 스킨은 본래 기능의 많이 없었다가, 최근 반응이 나쁘지 않아서 여러 기능의 추가와 함께 업데이트를 여러 번 하게 되었습니다. hELLO 1.0 때와 비교하면 비교할 수도 없을 만큼의 기능과 품질 pronist.tistory.com 2. 매우 다양한 스킨들을 공유해주시는 '어포스트'님의 블로그(중에서도 링크는 제가 가장 맘에 들었던 스킨입니..
HTML에서 input tag의 value attribute가 계속 먹히지 않는 에러?가 발생하여 뭐가 문젠지 찾아보다가 해답을 알아냈습니다. AngularJS가 문제였습니다! 제 코드는 다음과 같았습니다. //value 값이 잘 출력됨 //value 값이 출력되지 않음 이것저것 복잡해보이긴 하지만 어쨌든 inputbox 였고, 초기 값을 지정해줘야하는데 계속 비어있는 채로 화면이 출력되어 골머리를 썩었습니다. 또 위쪽 에선 나오고 아래껀 나오지 않아서 뭐가 문젠가 했는데, https://stackoverflow.com/questions/5772124/input-value-doesnt-display-how-is-that-possible/37814282#37814282 스택오버플로우에서 해답을 얻었습니다ㅎ..
크롬 개발자 도구로 디버깅을 하다보면, library나 minified file등 디버깅을 거칠 필요가 없는 파일까지 들어가게 될 때가 많습니다. 그럴 땐 해당 파일을 "ignore"해주면 됩니다. 방법은 다음과 같습니다. 1. 다음과 같이 디버깅 할 필요가 없는 파일을 열어줍니다. 디버깅 중에 해도 상관 없습니다. 2. 우클릭>"Add script to ignore list" 클릭 3. 성공! 이렇게 해주면 f9로 디버깅을 해도 위 파일들은 건너뛰게 됩니다. 다시 해당 파일을 디버깅 하고 싶다면 위 사진에서 'Remove from ignore list'를 클릭해주면 됩니다.
SVN, git 등으로 프로젝트를 받아오면 이렇게 한글이 깨질 때가 종종 있습니다. 오늘은 eclipse, sts(spring tool suite)에서 한글 깨짐 현상을 해결하는 방법을 알아보도록 하겠습니다. 해결방법 1. 작업중인 프로젝트 우클릭>'Properties' 2. 저는 빨간 박스 안이 다음과 같이 'Inherited from container(MS949)' 로 되어있었습니다. 얘를 바꿔줘야 합니다. 'Other' 를 클릭하고 우측 박스에서 'UTF-8'을 선택, 'Apply and Close' 클릭 완성 화면입니다. 깨졌던 주석까지 모두 복구됐습니다. 간혹 이렇게 프로젝트 단위로 인코딩 방식을 utf-8로 바꿔줘도 안에 포함돼있는 html 이나 js 파일이 수정되지 않는 경우도 있습니다. 그..