모든 일에 열정을 쏟아붓는 프론트엔드 개발자

https://github.com/leeheejuuun/32-2nd-GGSD-frontend GitHub - leeheejuuun/32-2nd-GGSD-frontend: 이희준, 최승이, 이하영, 정덕우 이희준, 최승이, 이하영, 정덕우. Contribute to leeheejuuun/32-2nd-GGSD-frontend development by creating an account on GitHub. github.com 2주 전으로 2주 전으로 돌아가 보자 우리는 1차 프로젝트를 마치고 바로 2차 프로젝트에 들어갔다. 1차 프로젝트는 라이브러리 사용 x , SCSS 사용을 했다. 하지만, 2차 프로젝트에서는 라이브러리 사용 가능 , SCSS 대신 styled - component 사용, merge 대신..

우리가 사용하는 NAVER 를 예시로 들었을 때 naver.com 이 자체가 도메인 네임이다. 이때 우리가 사이트에 웹툰 이라는 배너를 클릭했을때 URL이 바뀌는 것을 볼 수 있다. 이때 naver.com 앞에 붙는 comic이 호스트 네임이다. 위 URL 을 보자. 호스트 네임은 컴퓨터의 이름 도메인 네임은 컴퓨터 그룹의 이름 이다. 예를 들어 사람의 이름으로 생각해보면 호스트는 이름 도메인은 성 이라고 볼 수 있다. '김철수' 라는 사람과 '김짱구' 라는 사람은 '김' 이라는 같은 성씨를 가지고 있지만 '철수' , '짱구' 라는 이름으로 구분되는 것을 볼 수 있다. 추가적으로 호스트 네임과 도메인 네임을 합쳐서 사용할 경우 FQDN (fully qualified domain name) 이라는 시스템을..

서버란 ? 원하는 데이터 및 정보를 서비스하는 컴퓨터 '제공자' 라고 한다. 서버를 늘리기위한 두가지의 방법 스케일 업 = 기존의 서버를 높은 사양으로 업그레이드 하는것 스케일 아웃 = 사양을 올리는것이 아닌 장비를 한대 늘리는것 기존 서버운영의 문제점 ( Traditional IT ) 1. daracenter 렌트 비용을 지불해야한다.(짧은 계약을 피려함) 2. power supply, cooling, maintenance 비용을 지불해야한다. 3. 새로운 하트웨어(서버)를 추가하거나 교체할 때 시간이 많이 소모된다. 4. 확장하는데 제한사항이 많다. 5. 현재 유지되고 있는 인프라를 24/7 모니터링 할 인원을 고용해야한다. 6. 천재지변에 대응하기 어렵다. (지진,화재) Cloud Computing..

테스트를 왜 하는가? 1. 결함을 확인할 수 있다. 2. 고객의 불만족에 대한 문제를 사전에 방지할 수 있다. 3. 시간을 절약할 수 있다. 4. 코드에 구조를 개선할 수 있다. 5. 품질 개선이 가능하다. 6. 확장성을 누릴 수 있다. 시스템 테스팅 전략 3가지 1. End-toEnd (E2E) Tests (프론트엔드와 백엔드의 끝 지점을 맞추는 테스트) ㄴ 너무자주 사용하면 안된다. 가장 마지막 부분에 사용해야 한다. 2. Integration Tests (통합 테스트) ㄴ 각각의 시스템들이 서로 어떻게 상호작용하고 제대로 작동하는지 테스트하는 것을 의미한다. ㄴ 통합 테스트는 유닛 테스트와 비슷한데, 큰 차이점이 하나 있다. 유닛 테스트는 다른 컴포넌트들과 독립적인 반면 통합 테스트는 그렇지 않다...

카드를 클릭하면, onClick 이벤트시 발생하는 navigate 함수를 통해 /product/1 로 이동한다. URL 이 /product/1 로 변하면, Router 컴포넌트에 정의되어 있는 path='/product/:id' 에 따라, ProductDetail 컴포넌트가 마운트 된다. ProductDetail 컴포넌트에서는 백엔드에 id 가 1 인 아이템에 대한 정보를 요청 응답으로 받은 정보를 setData 함수를 통해 data 라는 state에 저장하고, 이를 통해 상세 페이지 UI 가 그려진다. 2번에서, ProductDetail 컴포넌트의 useEffect 훅을 통해 백엔드에 id 가 1 에 해당하는 정보를 요청했다. 그런데, 1 은 URL 에 담겨 있다(/product/1). ProductD..

경로에 따라 각기 다른 화면을 보여주기 route + -ing : 경로(route)를 찾아가는 행위 라우팅 이란, 다른 경로(url 주소)에 따라 다른 View(화면)를 보여주는 것. html을 새롭게 받아오는 것이 아니라 어떠한 경로에 접근하면 컴포넌트가 화면에 보여지는것 동적라우팅 url 을 살펴보면 url 마지막에 특정 id 값이 들어가고(/32692, /53424), 해당 id 값에 따라 서로 다른 상세 페이지 정보가 화면에 그려지는 것을 볼 수 있다. id 값에 따라 무수히 많은 url 이 나타날 것이고, 각각의 모든 url 에 대해 미리 경로의 형태와 갯수를 결정할 수 없게 된다. 즉, URL에 들어갈 id를 변수처럼 다뤄야 할 필요성이 생긴 것 이처럼 정적이지 않은, 동적일 수 있는 경로에 ..

https://github.com/leeheejuuun/32-1st-Hangover-frontend GitHub - leeheejuuun/32-1st-Hangover-frontend: 안유림, 박준범, 이희준, 이지수 안유림, 박준범, 이희준, 이지수. Contribute to leeheejuuun/32-1st-Hangover-frontend development by creating an account on GitHub. github.com VIVINO ? 취하노? HangOver? 2주전으로 돌아가보자. 우리는 1차 프로젝트 팀선정 및 사이트선정이 끝난 후 VIVINO 라는 사이트를 맡게되어 VIVINI라는 사이트를 들어가보았다. VIVINO는 와인전문 소개 및 판매를 하는 커머스 사이트 이며 외국 ..

생성 새로운 로컬 저장소를 생성하기 $ git init [project_name] 저장소 가져오기 $ git clone [url] 보기 작업 디렉토리에 변경된 파일 보기 $ git status 변경된 staged 파일 보기 $ git diff 변경 이력 보기 $ git log 브랜치 작업하기 로컬 브랜치 보기 $ git branch 로컬과 원격 브랜치 보기 $ git branch -av 브랜치 변경하기 $ git checkout 브랜치 생성하기 $ git branch 브랜치 삭제하기 $ git branch -d 원격 브랜치를 추적하는 새로운 브랜치 만들기 $ git checkout --track 원격 브랜치 추적하기 $ git branch -u 현재 커밋에 태그 달기 $ git tag 변경하기 파일의 변..

인증(Authentication)이란 ? 유저의 dentification을 확인하는 절차입니다 (유저의 아이디와 비밀번호를 확인하는 절차) 인증을 하기 위해서는 먼저 유저의 아이디와 비밀번호를 생성할 수 있는 기능이 필요할것이다. 인증은 왜 필요할까 ? - 우리 서비스를 누가 쓰며 어떻게 사용하고 있는지 추적이 가능하도록 하기 위해 필요함. - 인증에 필요한 것은 무엇이 있을까요 ? ㄴ ID, Email, Password ㄴ 가장 중요한 것은 Password 비밀번호는 어떻게 관리해야 하는가 ? - 데이터베이스에 저장 시 개인 정보를 해싱하여 복원할 수 없도록 함. - 통신 시 개인 정보를 주고받을 때 SSL을 적용하여 암호화(HTTPS) 암호화는 어떻게 할까 ? - 단방향 해쉬 ㄴ 본래 해쉬함수는 자료..

- 운영체제 (OS) - windows , mac os , Linux os 의 역할 사용자와 컴퓨터의 중간다리 !! 커널과 쉘 쉘이란 ? 사용자와 운영체제간에 대화를 가능하게 해주는 명령어 해석기 역할을 말합니다. 커널이란 ? 커널은 운영체제의 핵심입니다. 쉽게 말해, 소프트웨어와 하드웨어간의 커뮤니케이션을 관리하는 프로그램입니다. - 리눅스를 쓰는 이유는 뭘까 ? https://wonit.tistory.com/277 리눅스의 종류 우분투,레드헷,안드로이드,샌트Os CLI - 터미널 환경 (모든 GUI에서의 작업이 가능하다.) GUI - 컴퓨터화면에서 마우스로 클릭하여 작업하는 환경 (CLI 에서만 가능한 작업들이 있다.) - 리눅스 파일구조 많은 경로가 있지만 딱 두가지만 기억하자 ! root(루트) ..