Land of Joe

* name can no longer contain capital letters Please choose a different project name. create-react-app으로 파일을 만드려는데 이런 오류가 난다. 전부 다 소문자로 갈기면 괜찮아진다................ 내힘들다.... Module not found: Can't resolve 'react-router-dom' npm install react-router-dom --save Module not found: Can't resolve styled-components npm install --save styled-components Module not found: Can't resolve './reportWebVitals' Re..

삭제, 추가 등 배열에 변화를 주고자 할 때 원본에 직접 수정을 가하는 게 아니라 해당 배열의 새로운 복사본을 생성해 그곳에 수정을 한다.! 열라 어렵다... 알 듯 말 듯.. 알쏭달쏭..

리액트 파일 여는 방법.. 나만 모르나 hoxy..? 난 평소처럼 걍 vs code에서 open with Live Server을 하고 싶었을 뿐인데.. 리액트는 npm start인 것 같길래 vs code에 있는 터미널에 npm start만 주구장창 쳐도 계속 똑같은 오류만 반복됐다. 구글링도 하고 chat gpt한테도 물어보고 수정하기를 반복해도 달라지는 게 없었다. 결국 팀원분께 카톡을 갈겼다... 그리고 바로 해답을 주셨다.. 겁나 똑똑... 걍 엘리트 그 잡채..... 엘리트의 가르침을 받았음에도 불구하고 나는 터미널에서조차 오류가 나버렸고.... [React] 오류 해결: "sh: react-scripts: command not found" 🤖 에러 상황 React에서 배포 파일 생성 시도 중 ..

때는 작년 9월경.. 웹의 ㅇ도 모를 때, 프론트엔드의 ㅍ도 모를 때 html, css, javascript 순으로 생활코딩을 부순 나는 흥미와 자신감에 가득 차서 리액트까지 갈겼었지. 근데 웬걸 html도 js(내가 알던, 뭐 얼마나 알았다고;;)도 아닌 것이 너무 헷갈려서 일단 1보 후퇴. 막학기와 동시에 시작한 교내 동아리 플젝은 아직도 진행 중..ing 학기 중에 연합동아리 소속 웹 FE 스터디에 참여했었는데 사실 동아리의 지원 자체가 기대에 많이 못 미치긴 했으나(꼴랑 워크북? 그것도 걍 개념 채워넣어라잇 이런 식) 또또 js까지 자신감 있게 채워넣고는 리액트가 시작되자마자 사기를 잃어버렸다는....... 근데 더 심각한 건 총 13주차의 스터디 일정 중 약 65퍼가 리액트(&그 이후..는 내가..

5월 20일 토요일. 기존 해커톤과는 다르게 구현까지 가지 않고 기획에서 그치는 아이디어 챌린지 위치: 공덕 서울창업허브 10층 컨퍼런스 홀 시간: 10시 - 17시 30분 (10시 30분부터 시작됨, 11시 30분 - 12시 30분 점심시간, 17시까지 발표 자료 전송, 19시경 전체 해산) - 1조부터 7조까지 있었음 (그 중 난 5조에 속함) - 기획 2, 디자인 2 구성을 기본으로 함 (우리 조는 기획 3, 디자인 1이었으나 디자이너 불참하여 운영진에서 대체인원 투입됨) - 아이디어톤의 주제 "디깅 모멘텀 Digging Momentum" #OO에진심 #과몰입 #취미생활 #취향 - 서비스의 이름이 드러나는 로고가 삽입된 페이지, MVP 화면 페이지, BM 필수 제시 [ 우리 팀 서비스 아이디어 ] ..

Step1. 현재 위치의 위도, 경도 숫자 얻기 function onGeoOk(position){ const lat = position.coords.latitude; const lng = position.coords.longitude; console.log("You live in ", lat, lng); } function onGeoError(){ alert("Can't find you. No weather for you."); } navigator.geolocation.getCurrentPosition(onGeoOk,onGeoError); Step2. 위도, 경도 숫자를 장소로 바꿔준다 https://openweathermap.org/current Current weather data - OpenWea..

Step0 ) 기본 설정 // javascript const todoForm = document.querySelector('#todo-form'); const todoList = document.querySelector('#todo-list'); Step1 ) input 태그인 todoForm이 'submit'되었을 때 작동할 'handleTodoSubmit'이라는 함수를 만든다 function handleToDoSubmit(event){ event.preventDefault();//새로고침되지 않게 하기 위해 const newTodo = todoInput.value; todoInput.value=""; //작성 후 엔터 누르면 UI상 input 안이 비어지도록 paintTodo(newTodo); } S..

// html {quote, author}이 '10개' 있는 const quotes 생성 // javascript const quotes = [ { quote: "Go ahead, make my day.", author: "Harry Callahan" }, { quote: "If you want something done right, do it yourself.", author: "Charles-Guillaume Étienne" }, { quote: "May the Force be with you.", author: "Star Wars" }, { quote: "Life is like a box of chocolates. You never know what you’re gonna get.", author:..