본문 바로가기

분류 전체보기201

[팀장 편] 팀 프로젝트 github 사용법 (git bash) [모두] 1. git 설치 및 회원가입 [팀장] 1. 깃허브에서 repository와 제어판에서 폴더 생성 2. IDE(작자는 VSC사용)에서 powershell을 사용해주세요! cmd말고요~! powershell에서 방금 생성한 폴더까지 경로 이동 해주세요~! (cd로 이동하는 것은 아실 거라고 생각합니다.) 내가 만든 폴더에서 git init 명령어를 쳐주세요. 그럼 이동한 경로 폴더에 '.git'이라는 폴더가 생성됩니다. 그럼 이제 그 폴더를 git이 추적한다는 의미! (cmd에서 사용하면 커밋할 때, 메세지 남기는데 제한이 있습니다. 그러니 꼭 powershell에서!) 3. (팀장의 local) 프로젝트 파일들을 생성하고 (powershell)에서 git add --all git commit -.. 2022. 12. 12.
[Git] push가 되지 않는다... git remote add origin 나의 레파지토리 주소 repository에 폴더를 두개 넣었는데, 하나의 폴더 속에 오른쪽 화살표시가 되어 있고 들어가지지가 않았다. 터미널에서 push를 해도 안되어서 해당 폴더를 지우고 다시 터미널에서 push를 하려고 했다. 그런데도 되지 않아서 git push origin main -f 위와 같은 에러가 떳다. 그래서 git remote -v 연결이 되어 있는지 확인을 해봤는데 안되어 있었다. git remote add origin 나의 레파지토리 주소 연결하여 git push origin main -f push 해주니까 올라갔다! 2022. 11. 29.
[React] 같은 component의 list를 render할 때 todolist를 React로 다시 한 번 만들어 보면서 발생한 에러를 정리한다. list의 원소들을 화면에 뿌려주면서 타나난 Warning인데, Error : 같은 component의 list를 render할 때, key라는 prop을 넣어줘야 한다. 라는 뜻이다. react가 기본적으로 list에 있는 모든 item들을 인식하기 때문이다. {/* 에러가 발생한 코드 */} {todos.map((item) => {item})} {/* 변경한 코드 */} {todos.map((item, index) => {item})} 2022. 11. 28.
[URI] URI와 웹 브라우저 요청 흐름 URI(Uniform Resource Identifier) Uniform: 리소스 식별하는 통일된 방식 Resource: 자원, URI로 식별할 수 있는 모든 것 (제한 없음) Identifier: 다른 항목과 구분하는데 필요한 정보 locator, name 또는 둘 다 추가로 분류될 수 있다 URL, URN URL : 리소스가 있는 위치를 지정 URN : 리소스에 이름을 부여, URN 이름만으로 실제 리소스를 찾을 수 있는 방법이 보편화 되지 않음 위치는 변할 수 있지만, 이름은 변하지 않는다 URL 전체 문법 scheme://[userinfo@]host[:port][/path][?query][#fragment] 스키마에 보통 프로토콜 정보가 들어간다.(https) (프로토콜? 어떤 방식으로 자원에 접.. 2022. 11. 20.
[hooks] useRef const ref = useRef(value) 예시로, const ref = useRef("hi")에서 useRef를 부르면 ref오브젝트를 반환한다. ref 오브젝트는 {current:"hi"} 이렇게 생겼다. ref 오브젝트는 수정이 가능하기 때문에 언제든 우리가 원하는 값으로 바꿀 수 있다. ref.current="hello" 이렇게 사용하면 된다. 반환된 ref 는 컴포넌트의 전 생애 주기를 통해 유지가 된다. 컴포넌트가 계속 렌더링되어도 언마운트되기 전까지는 값을 그대로 유지할 수 있다. 대표적으로 useRef 2가지 상황에 쓰인다. 1. state와 비슷하게 값을 저장하는 저장공간으로 사용된다. state의 변화 -> 렌더링 -> 컴포넌트 내부 변수들 초기화 (리렌더링이 되면 함수가 다시 불려.. 2022. 11. 20.
[hooks] useEffect !!중요 useEffect 기본적으로 useEffect hook은 인자로 (())=>{//원하는 작업..}) 콜백함수를 받는다. * 콜백함수란? 다른 함수의 인자로 전달된 함수를 의미한다. useEffect 유형은 2가지만 알고 있으면 된다. 1번째 유형! useEffect( ( ) => {//원하는 작업..} ); 하나의 콜백 함수만 받는 유형 컴포넌트가 렌더링 될때 마다 매번 콜백이 실행 2번째 유형! useEffect( ( ) => {//원하는 작업..} , [value]); : 첫 번째 인자로 콜백 함수, 두 번째 인자로 배열을 받는 유형 배열을 다른 말로 dependancy array라고도 합니다. 매번 실행되는 것이 아니라 컴포넌트가 맨 처음 화면에 렌더링 될때만 실행 또는 배열 안의 요소의 .. 2022. 11. 18.
[hooks] useState 1. useState 훅은 state와 setState를 배열형태로 반환해준다. setState를 사용해서 state를 변경할 때마다, 컴포넌트는 다시 렌더링이 된다. const [state, setState] = useState(초기값); 2. state를 변경할 때, 새로 변경된 state값이 이전 state값과 연관이 되어 있다면 setState의 인자로 새로운 state를 리턴하는 콜백함수를 넣어주는게 좋다. (콜백 함수란? () => {}) setState((prevState) => { return newState; }); 3. useState를 사용해서 어떤 무거운 일을 해야한다면 useState의 인자로 콜백함수를 넣어주면 맨 처음 렌더링할 때만 실행되게 할 수 있다. useState (().. 2022. 11. 17.
팀 프로젝트가 끝난 후, 해당 소스코드를 내 GitHub로 옮겨와서 이어가는 방법 팀 프로젝트의 repository(==repo라고 부른다.)를 나의 GitHub로 가져오고 싶었다. 소스코드가 다른 멤버의 깃허브에 있었고 가져와서 좀 더 develop하고 싶은 마음에 다른 멤버의 소스 코드에 영향을 주고 싶지 않았다. 단, 과거의 commit, branch 그리고 tag history는 그대로 살려오고 싶었다. 그 방법을 잘 정리해둔 블로그를 보았고 내 관점에서 다시 풀어 블로그에 기록하고 찾아보려 포스팅을 한다. STEP 1. 오리지널 repo의 소스코드를 clone한다. [가져오려는 멤버(내가 아닌) GitHub에 repo를 내 PC로 복붙하는 방법!!] 나의 GitHub에 repo(폴더)를 만들고 '내 폴더'에 내가 관리하려는 폴더를 같은 이름으로 만들었다. cmd 창에서 '내 .. 2022. 11. 16.
SDK, API 개념과 차이점 API란? (Application Programmimg Interface) 모듈화하여 만들어진, 어떤 기능을 제어/제공하는 인터페이스 우리가 사용하는 대부분의 애플리케이션은 API에 의존하고 있다. SDK란? (Software Development Kit) 소프트웨어 개발 도구 모음 SDK는 API, IDE, 문서, 라이브러리, 코드 샘플 및 기타 유틸리티가 포함될 수 있다. SDK는 응용 프로그램 개발의 복잡성을 줄이는 강력한 기능 집합이다. 예) IOS SDK를 다운로드하면 개발자에게 IOS 애플리케이션을 만드는 데 필요한 모든 도구가 제공된다. API SDK 목적 소프트웨어 연결 및 통합 다양한 개발 도구 포함 형질 가볍고 빠르며 전문화되어 있음 더 견고함, 많은 유틸리티를 포함 사용사례 애플리케이.. 2022. 11. 8.
[JS #3] 바닐라 JS로 크롬 앱 만들기 # 3.2 Searching For Elements getElementById는 querySelector("#hello form")처럼 id=hello 하위에 있는 form을 가져오지 못한다. querySelector(".hello h1")은 class=hello에 h1이 여러개 있다면, 첫 번째 h1만 가져온다. 다 보고 싶다면 querySelectorAll을 사용한다. querySelectorAll은 array를 반환해준다. # 3.3 Event js 파일이 있기 때문에 js를 통해서 html의 내용을 가져올 수 있다. html이 js파일을 load하기 때문에 document가 존재한다. -> browser가 우리를 document에 접근할 수 있게 해준다. - element의 내부를 보고 싶으면 c.. 2022. 11. 8.
[devtools] - Intellij에 적용하는 방법 1. devtools 적용법 build.gradle을 선택하고 developmentOnly를 넣어준다. 2. file - settings에서 아래와 같이 체크한다. 2022. 10. 30.
[스프링 부트 설치] - intellij와 연동 1. 자바 11 버전 설치 && 사이트 접속 초보자는 자바 11버전을 설치하는 것이 막힘이 없이 수행할 수 있기 때문에 11버전 추천! https://start.spring.io/ 2. Spring Boot 설정 Maven Project는 XML을 사용하는데 잘 사용하지 않고 요즘은 Gradle Project를 설치한다고 한다. Spring Boot에서 SNAPSHOT, M1의 경우 아직 만들고 있는 중이거나 정식 release되지 않은 것이라서 선택하지 않고 높은 버전인 2.7.5로 선택했다. Project Metadata에서 Group은 보통 기업 도메인명을 쓰면 된다. Artifact에는 보통 프로젝트명을 쓰고 빌드되어 나올 때 결과물이다. packaging은 웹을 개발할 때, war를 선택한다. .. 2022. 10. 28.

티스토리툴바