전체 글 썸네일형 리스트형 Error: input is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`. styled-components 를 이용해서 UI 짜는 도중에 input submit 부분에서 제출 부분 input 에서 input은 void 태그여서 나는 에러인데 이런 식으로 원하는 텍스트를 value 값으로 넣어주거나 아니면 input 이 아닌 button 태그를 이용해서 정보를 전달해도 되겠다. 본인도 최종적으로는 제출부분은 버튼을 이용했다. ** input 이 void 태그여서 나는 에러이니 1. value 속성으로 원하는 값 넣기 2. 아예 버튼으로 바꾸기 더보기 Git Push Local Repo 의 내용을 Remote Repo로 반영하기 이전에 Remote Repo에 기존 Local Repo의 내용을 넘기는 것 까지 했다. 이제 이후에 로컬에서 개발하고 테스트 하던 내용들 즉 변화가 생겼고 그 변화를 Remote Repo에도 반영시키고자 한다면 push를 이용하면 되겠다. 우선 파일을 하나 만들고 커밋한 뒤에 Remote Repo로 넘기는 작업을 한 번 해보겠다. README 파일은 바로 파일의 내용이 보이게 되어 있다. (주로 프로젝트에 관한 설명 기재) 즉 로컬에서 변화있는 파일들을 1. add (commit 시켜주기 위해 stage에 올리기) 2. commit(사진 찍기) 3. push(로컬 레포 -> 원격 레포) 끝! 더보기 Github에 레포지토리 만들고 Local Repository의 내용을 Remote Repository로 보내기 먼저 우리의 코드를 저장해줄 외부 컴퓨터(Github) 에 접속을 한다. 홈페이지 왼쪽 상단에 보면 레포지토리를 만들 수 있는 버튼이 있다. 이미 나는 레포지토리가 있지만 없다면 Create new Repo~~~ 로 버튼이 하나 있을 것이다. 레포지토리 명과 그에 대한 간단한 설명을 입력하고 남이 볼 수 있는지 없는디 (Public, Private) 여부 옵션을 설정하고 그 밑에 나머지 옵션들도 건드리지 않고 우선 생성을 해본다. 정상적으로 원격 레포지토리를 하나 생성해낸 것이다. (Remote Repository) 검정박스 안에든 명령어들은 기존 로컬 레포지토리가 없을 때 먼저 만들게 한 다음 원격 레포지토리를 연결시켜주는 명령어 매뉴얼이고 노란박스 안에 든 명령어들은 기존 레포지토리는 있고 원격 레포.. 더보기 Git Add 취소하기 이미 add 를 통해 스테이지에 올라간 파일을 취소하는 방법에 대해 알아보자 우선 파일에 변화를 주어 add를 먼저 해보장 기존 파일에 함수 하나를 더 만들어서 변화를 주고 add 를 통해 stage에 올라간 것을 확인하고 git reset 명령어를 통해 다시 stage에서 내려보자 Unstaged changes ~~ 문구가 뜨면 제대로 내려온 것을 확인 할 수 있다. 더보기 Material-UI Modal border (outline) remove material-ui 에서 제공하는 컴포넌트들을 갖다 쓰면 기본적으로 반응형에 이쁜 효과들이랑 스타일들이 먹어져 있어서 자주 찾게 되지만 세세한 스타일링을 할 때 가끔씩 화가 머리 끝까지 치민다. 이미 정해져있는 스타일들을 바꾸기 위해 이거 저거 다 해봐도 안 될 때 매우 화나는데 오늘 20분 정도 애 먹었던 Modal 컴포넌트 이용시 focus 되어있을 때 테두리 선을 없애는 작업을 정리해보겠다. 구글에 https://stackoverflow.com/questions/62308779/remove-border-from-react-material-modal 더보기 React 'axios' POST방식 request body,request header 에 데이터 담아 요청 보내기 기존의 짜여져 있는 프로젝트 코드를 수정하던 중 post 로 요청을 받고 있지만 params 에서 일부 데이터를 가져오고 나머지는 request body 에서 또 플러스 알파로 필요하면 request header 에 필요한 정보 (인증이라 던지... 인증이라던지... 권한이라던지.. )를 추가해주는 것까지 한 번 간단히 사용법을 알아보자. https://github.com/axios/axios { try const res = await axios.post(1,2,3); catch(error) error } 크게 요런 식으로 쓰게 될 텐데 1의 인자, 2의 인자, 3 의 인자에 어떤 것을 넣어주느냐에 따라 각각 원하는 데이터를 전달 할 수 있다. 저기 1번 인자에는 주소를 , 2번인자에는 body 정보를,.. 더보기 Git add 더 자세히 알아보기 (status) 이번 글에서는 음 어찌보면 리눅스 환경에서 cd 명령어만큼은 아니지만 ls 정도로 자주 쓰일? 명령어에 대해 알아볼 것인데 'status'이다. 깃이 인식하고 있는 프로젝트 디렉토리의 현재 '상태'를 알려주는 것이다. 바로 한번 어떤 도움을 우리에게 주는지 한 번 직접 해보자. 두 파일에 텍스트를 추가하고 status를 확인해보고 그 다음 하나의 파일만 add 한 뒤에 status 를 확인해보겠다. 변화가 있지만 커밋하지 않은 파일들로 잘 뜨죠잉~? 여기서 내가 새로 파일을 js 확장자로 바꾸고 py는 삭제했기 때문에 restore로 기존 파일 지워주고 calc.js 파일만 add 한 뒤에 상태를 확인해보면 즉 Changes to be committed 에서 나타내는 파일은 커밋에 반영될 변경사항 Cha.. 더보기 Git의 3가지 작업영역 (Working directory, staging area, repository ) 먼저 간단히 설명해서 working directory 를 아래 폴더구조에서 보면 girPractice 디렉토리라고 생각하면 되겠다. ** repository 가 gitPractice 디렉토리인것이 아니다잇!! ** 이정도로만 생각을 하고 다음 staging area 는 쉽게 말해 음 git add가 된 파일들이 존재하는 영역이라고 보면 되겠다. 즉 commit 을 통해 사진으로 현재 버전을 남기기 전에 혹은 commit을 통해 사진으로 남기기 '위해' 올려둔 파일들이 있는 영역이라고 생각하면 되겠다. WORKING DIRECTORY ===> Stage ====> REPOSITORY git add ~ git commit ~ 마지막으로 레포지토리는 전에도 말했듯이 버전들이 기록되어 저장되는 영역이라고 보면 .. 더보기 이전 1 ··· 8 9 10 11 12 13 14 ··· 24 다음
