분류 전체보기 345

내가 써본 git 명령어 (계속 추가중..)

git branch -r 👉 clone 받은 레파지토리의 전체 브랜치 확인하기 git switch origin/[브랜치명] 👉 원하는 브랜치로 이동하기 (checkout이 switch로 바뀜) git switch -c [새로운 브랜치명] 👉 새로운 브랜치 만들고 바로 거기로 이동하기 git branch -d [브랜치명] 👉 원하는 브랜치 삭제하기 (원 브랜치과 비교해서 변경사항이 없을때만 가능하다. ) 삭제하려는 브랜치에서 사용 불가! 다른 브랜치에서 삭제가능 git branch -D [브랜치명] 👉브랜치를 강제로 지우기 삭제하려는 브랜치에서 사용 불가! 다른 브랜치에서 삭제가능 git branch -m [브랜치명] 👉브랜치 이름 변경 이름 변경하려는 브랜치에서 사용!! git mv [기존폴더명] [임시..

🤼Git 2023.03.06

코멘토 실무PT 후기 챌린지_리액트 강의 4주차 후기

✔️ 3주차 과제에서 피드백 받은 내용과 배운 내용 ■ 처음 랜더링이 되고나서 해당되는 데이터가 어느 데이터인지 색으로 표시해야한다. 해결방법 => 서버에 보내주는 데이터가 index 0부터 시작하니까 서버에 요청하는 데이터 역시 index 0부터 시작해야한다. ■ 서버에서 받은 데이터 중에 [object Object]로 나타는 문제가 있었는데 그 문제가 초기 상태를 빈 객체로 설정해서 나온 문제였다. (실제로는 '문자열'임) 만약 서버에서 받은 데이터가 실제로 객체 형태라면 JSON.stringfy로 묶어주면 된다. ■ input 태그에서 value와 defaultValue의 차이 역할은 같다. value는 값이 변하지 않을 때 사용. value를 사용한다면 readOnly 속성을 true로 설정하면 ..

코멘토 실무PT 후기 챌린지_리액트 강의 3주차 후기

✔️ 2주차 과제에서 피드백 받은 내용 차트를 chart.js 파일로 컴포넌트로 따로 관리한 점이 좋음. html/css로 구성된 파일을 리액트로 구현할 때 class를 className으로 꼭 바꾸기!! 기존의 a 태그에 있던 html 경로를 기본 경로인 /로 바꾸기. ✔️ 3주차 실무 PT 주제 동적 화면 구현을 위한 React의 state/props + useState와 useEffect ✔️ 이번 주 수업을 통해서 배운 점 ■ State와 Props state - 컴포넌트 안에서 관리 되고, 바뀌는 동적인 데이터 (= 변수) 변하는 값은 상태에, 변하지 않는 값은 그냥 변수로 선언해서 사용하는 것이 좋다! Props - 컴포넌트 간에 전달되는 데이터 (부모->자식 단방향 흐름) 자식에서 부모 컴포..

코멘토 실무PT 후기 챌린지_리액트 강의 2주차 후기

✔️ 1주차 과제 refactoring 요구사항이 한 페이지로 구성된 애플리케이션이지만 혹시 모를 페이지 확장성을 염두하였고, components 폴더에 한번에 파일을 추가하는 것보다 자주 쓰이는 컴포넌트를 common 폴더에 넣고, 그 외 추가될 페이지마다 폴더를 생성해서 컴포넌트를 정리하면 더 깔끔한 폴더구조를 가질 수 있다고 생각해서 수정하였습니다. ✔️ 2주차 실무 PT 주제 React 스타일링 방법과 반응형 웹 적용 ✔️ 이번 주 수업을 통해서 배운 점 ✦ 요구사항 정의서 요구사항 정의서를 작성할 때는 데이터를 주고 받는 부분을 자세하게 적어주어야한다. 1. 클라이언트 단에서 어떤 버튼을 누르면 데이터를 받아올건지 추가해주기 2. 어떤 데이터가 어디에 쓰이는지 적어주기 ✦ CSS 모든 HTML ..

[TIL] 프록시 캐시

🤓배움 요약하기 프록시 캐시가 무엇인가요? 프록시는 클라이언트와 서버 사이에 대리로 통신을 수행하는 것을 가리켜 프록시(Proxy)라고 하고, 그 중계 기능을 하는 서버를 프록시 서버라고 한다. ✔️ 프록시 캐시 한국에 있는 클라이언트가 미국에 있는 서버에서 데이터를 요청할 때 실제로 미국에 있는 원서버까지 가서 요청하지 않는다. 시간도 오래걸리고 효율적이지 않다. 그래서 한국 어딘가에 프록시 캐서 서버라는 걸 도입한다. (CDN 서버라고도 한다. ) 한국인들이 잘 보지 않는 유튜브를 보면 로딩속도가 느리다... 이게 바로 프록시 캐시 서버..!! 한국 클라이언트가 최초 요청시에는 느려도, 두번째 유저부터는 빠르다. 😃 이 시리즈는 '모든 개발자를 위한 HTTP 웹 기본 지식' 강의를 듣고 정리하였습니다..

코멘토 실무PT 후기 챌린지_리액트 강의 1주차 후기

부트캠프를 통해 프로젝트를 경험했지만, 더 나은 코드를 위해 고민하는 시간이 길었습니다. 폴더 구조를 어떻게 나누면 좋을지, 클린 코드는 어떻게 짜면 될지 이 해답을 위해서 다른 분들의 레파지토리를 참고하기도 했습니다. 그리고 제가 짠 코드를 리뷰를 받고 싶은 마음에 코멘토 실무PT를 신청했습니다. 진행은 현직 프론트엔드 개발자 멘토님이 준비한 내용을 수업 형식으로 듣고 과제를 하고 제출한 뒤 피드백을 받는 식으로 진행됩니다. 기간은 총 4주로 4번의 강의와 3번의 과제로 진행됩니다. ✔️ 1주차 실무 PT 주제 React로 기획의도 맞는 기능 구현하기 ✔️ 이번 주 수업을 통해서 배운 점 ✦ 개발 플로우 기획 문서 작성 👉 화면설계서, 플로우차트 (시스템 흐름도), 프로세스 정의서 디자인 문서 작성 👉..

유용한 vscode 익스텐션 추천! file-tree-generator

기업 과제를 하거나 프로젝트 후 리드미를 꾸미는 건 개발자의 필수 역량이라는 말을 듣고 리드미 작성하는데 관심이 생겼습니다. 그래서 다른 분들의 프로젝트 리드미를 구경하다가 프로젝트 파일 구조를 보기 쉽게 작성하신 분들이 많다는 걸 알았고, 저도 그 방법에 대해서 궁금했습니다. 저는 최근에 비지니스 로직과 뷰 로직을 분리하는 것에 관심이 생기기도 했고, react-query를 사용한 프로젝트에서 데이터를 관리하는 로직을 hook으로 만들어서 사용한 간단한 프로젝트가 있었는데 내가 관심사 분리를 했다고 다른 사람들에게 자랑하고 싶은 마음이 컸습니다. 그래서 발견한 vscode의 익스텐션! file-tree-generator ⚡️file-tree-generator ⚡️사용방법 트리 구조로 시각화하고 싶은 파..

[TIL] 캐시 & 검증헤더와 조건부 요청

🤓배움 요약하기 캐시가 무엇인가요? 나중에 요청할 결과를 미리 저장해둔 후 빠르게 서비스 해주는 것을 말합니다. 캐시 덕분에 비싼 네트워크 사용량을 줄일 수 있고 브라우저 로딩 속도가 빠르기 때문에 빠른 사용자 경험이 가능하다는 장점이 있습니다. 검증 헤더와 조건부 헤더이란? 검증헤더와 조건부 요청을 사용하면 캐시 유효 시간이 초과해도 서버의 데이터가 갱신되지 않으면 304 Not Modified와 함께 헤더만 응답해서 네트워크 다운로드가 아주 적게 발생해서 캐시보다 매우 효율적으로 데이터를 전송할 수 있습니다. ✔️ 캐시가 없다면? 데이터가 변경되지 않아도 계속 네트워크를 통해서 데이터를 다운로드 받아야 한다. 인터넷 네트워크는 느리고 비싸기 때문에 웹 개발자라면 신경을 써야한다. 느린 사용자 경험 ✔..

[TIL] 쿠키

🤓배움 요약하기 쿠키의 가장 큰 특징이 무엇인가요? 쿠키는 지정한 서버에 대해서는 모든 요청에 쿠키 정보를 자동으로 포함하는 점이 가장 큰 특징이라고 생각합니다. ✔️ 쿠키 Set-Cookie : 서버에서 클라이언트로 쿠키를 전달 (응답) Cookie : 클라이언트가 서버에서 받은 쿠키를 저장하고 HTTP 요청시 서버로 전달한다. 참고로 HTTP는 무상태(stateless) 프로토콜이라서 클라이언트와 서버는 요청과 응답을 주고 받으면 연결이 끊어져서 서로 상태를 유지하지 않는다는 특징이 있다. 이것을 위한 대안으로 모든 요청에 사용자 정보를 포함해서 보내는 방법이 있다. => 모든 요청에 사용자 정보가 포함되도록 개발해야해서 개발자가 힘들고, 보안에도 문제가 있고 심각한 문제가 있다. 여기서 쿠키를 사용..

IT 5분 잡학사전 by 니꼴라스

면접을 보면서 내가 아는 내용을 다른 사람에게 말로 제대로 설명하는게 생각보다 어렵다는 걸 알고나서 제대로 알아야겠다고 생각했습니다. 그래서 자바스크립트는 Deep Dive 책으로, HTTP 기본 개념은 인프런 강의로 지식을 채워나가고 있습니다. 그 외 부분은 두루두루 넓게 아는게 우선인 것 같아서 노마드코더 챌린지로 IT 기본 지식을 공부하고자 합니다. 이 책을 통해 얻고 싶은 것 IT 기본 지식 습득해서 당당한 웹 개발자 되기 이 책을 읽고 추가로 공부한 것 인터프리트 언어(interpreted language)와 컴파일 언어(compiled language)의 차이 => 인터프리터 언어는 빌드과정이 없이 바로 고급언어에서 한줄 씩 읽어서 실행합니다. 반면에 컴파일러 언어와 같은 C, Java는 .c..

반응형