전체 글349 React 실행오류 Adjacent JSX elements must be wrapped in an enclosing tag. Did you want a JSX fragment <>...</>? 문제상황 컴포넌트 js파일에서 렌더함수의 return을 시켰더니 터미널에서 “Adjacent JSX elements must be wrapped in an enclosing tag” 오류가 발생했다. 뭐가 문제지.. 문제해결 return의 내용을 다음과 같이 하나의 태그로 묶어서 해결했다. 2021. 1. 29. React(20) 화살표 함수(Arrow Function) 란? Updated 2021/06/09 쉽게 말해 함수의 ( ) 안에는 기존 함수에서 사용하던 파라미터를 넣고, => 을 붙인 다음 { } 안에는 return하고 싶은 내용을 적으면 된다. 일반함수 거의 function 선언부생략 차이 this.languages.forEach(function (language){ console.log(language); }); 화살표함수 this.languages.forEach(language => { console.log(language); }); 2021. 1. 29. Git(15) STS에서 깃헙(GitHub)에 프로젝트 올리기 STS (Spring Tool Suite)에 GitHub을 연동해보자 그리고 프로젝트를 GitHub에 업데이트까지해보자 STS - GitHub 연동 1. STS를 켜서 빨간박스를 눌러 눌러 창을 연다. 2. Git을 선택 3. 화면 좌측의 Git Repositories 탭에서 아래 버튼을 누른다. 4. (잠깐 STS는 홀드하고) GitHub 웹사이트에 들어가 연동할 Repo페이지로 들어가서 url을 복사 ! 5. 다시 STS로 복귀한뒤 복사한 URL 붙여넣고 깃헙 아이디와 비번을 입력 6. 그다음은 쭉쭉 진행 7. 다시 Git Repositories 보면 잘 들어와 있다. 무사히 연동됨 GitHub에 프로젝트 업로드 1. 올릴 프로젝트 폴더 우클릭 [Team]- [Share Project] 2. 빨간박스.. 2021. 1. 28. React - snippets 단축키사용 'rafce' snippet이란 작은 조각이란 뜻인데 코딩할 때, 단축어처럼 특정키를 입력하면 자동완성해주는 기능을 말합니다. - 비주얼스튜디오의 extensions메뉴에서 스니펫을 다운받으면 일어나는 일 - 함수형 component 을 만들 때, rafce 단축키를 치면 리액트 기본코드가 제공이 된다. 2021. 1. 22. 블로그에 구글서치콘솔 등록(Google Search Console) 구글 서치 콘솔을 등록하면 구글에서도 내 블로그가 검색되어진다. 1. 관리자메뉴에서 [플러그인]을 눌러 [구글서치콘솔] 을 찾아 클릭한다. 2. 창이 뜨면 [계정연결하기] 버튼 클릭! 3. 구글연동로그인창이 뜬다. 사용할 계정클릭! 4. 순서대로 허용을 요구하는 창이 뜬다. [allow(확인)] 눌러 동의해준다. 5. 아까 permission창에서 allow한 내용을 한번더 컨펌! 후 [Allow(확인)] 눌러 마무리 6. 노란줄 친 메시지가 우리를 반긴다. [적용] 누르면 완료! 7. 구글서치콘솔을 보면 사용중이라고 뜬다. 2021. 1. 21. Git(14) ReadMe와 Wiki에 이미지 넣기 1. 깃허브 저장소 내의 Issues 탭의 입력창 안에 이미지 드래그 하면 코드가 생긴다. 복사하자 2. 위키나 리드미 입력창에 붙여넣기 한다. 문서에서는 이미지가 제대로 뜬다. 만약 이미지 사이즈를 조정하고 싶다면 이런식으로 주기 2021. 1. 20. 이전 1 ··· 49 50 51 52 53 54 55 ··· 59 다음 반응형
