[TIL] 배포 및 호스팅, git과 github(3일차)

학습내용

---

배포 및 호스팅

배포
내 웹사이트의 코드(HTML, CSS, JS 및 기타 이미지 등)를 호스팅 서비스 서버에 업로드 하는것.

 

호스팅
원격컴퓨터(서버)에서 해당 웹사이트의 코드를 저장.

호스팅 서비스에는 AWS, Netlify, Github Pages, Vercel, Google Cloud Platform 등이 있다.

이중에서 Netlify를 활용해 간단하게 만든 사이트를 배포하는 실습을 해보았다.

 

https://657dc9ca7a73984a7d1d3808--incredible-scone-637124.netlify.app/

HTML & CSS Basics Summary

drop방식으로 파일을 업로드하는 방식도 있기에 배포과정이 굉장히 쉬웠다.
하지만 이 방식은 저장소와의 자동 동기화 같은 고급기능은 사용할 수 없는 단점이 있다. => 더 많은 기능을 위해서 일반적인 배포과정을 활용해보도록 하자.

버전관리 시스템

Git - 로컬 관리 도구

Github - git으로 관리한 프로젝트를 클라우드로 보내는 역할(클라우드 호스팅 제공자

 

CLI, GUI
인터페이스 - 일련의 상호작용.

 

즉, 운영체제와의 상호작용을 위해
커맨드라인 방식을 사용하는게 CLI
그래픽으로 상호작용 하는게 GUI

윈도우에서는 CLI로 cmd를 사용한다.

멘토링

---

myQ) 저번에 말씀하신 부분에 대해, 기술스택이 해당기업에 부합하는 것 보다
부합하지 않더라도 본인만의 기술스택들의 사용이유, 깊이있는 지식 등이 오히려 더 매료시킬수 있다는 것으로 이해했습니다.

타입스크립트나 next.js 등을 사용하는 기업에 가고 싶다고 가정했을경우, 
비교적 얕게 공부하더라도 해당 공부들이 우선 되어야할지,
React,js로 한 프로젝트에서 그런 문제해결능력이나, 기타 라이브러리, 툴사용에 대한 본인만의 고민을 잘 녹여내는 것과
본인이 진행해본 기술스택을 좀더 심도있게 학습하는것이 우선되어야할지 궁금합니다.


+ 더하여 강사님께서 생각하시는 좀 더 경쟁력있는 프론트엔드 개발자로서의 역량이 무엇일지 말씀해주시면 감사하겠습니다!
(문제해결능력, 알고리즘능력, CS지식, 백엔드지식, 넓은 프론트 기술스택, 프로젝트 경험)

프론트엔드 개발자로서 최소한의 기술스택 역량 혹은 백엔드 지식, 또 강사님께서 주니어를 뽑을 수 있다면 어떤 개발자를 원하실 것 같은지 말씀해주시면 감사하겠습니다.

A)

1. 일단 깊이있는 공부, 경험을 하는 것이 절대적으로 유리하다.

(얕고 넓은 기술 스택은 오히려 독이 될 수 있다)
예를들어 패키지를 가져다 쓸 때도, 이사람이 이걸 이유없이 썼는가? 아니면 비교분석을 철저히 했는가가 굉장히 중요한 포인트.

2. 기술 이슈 경험

예를 들어 포토폴리오를 보면, 이러이러한 프로젝트가 있는데 완성도나 그런걸 보는것보다 과연 이 사이드 프로젝트를 하면서 이슈가 없었을까??

있었다면 어떻게 인지했고, 어떻게 해결했을까?? 이게 굉장히 궁금한 포인트다!
기술이슈를 겪을만한 난이도의 프로젝트를 선정하는게 일단 베스트.

3. 오픈소스 작은코드라도 기여를 했다는 사실.

(유명한 오픈소스 아니어도)

4. 다양한 문제상황을 고민하는 개발자인가

다양항 문제상황을 생각해보고 코드를 그에 맞게 작성. 틀려도 좋으니 어느 상황이 발생한다면 어떻게 처리하면 되지 않을까?? 이런 고민을 하는 개발자인가. 원리파악에 관심 자체가 없어보이면 곤란하다.

 

 

프론트엔드는 백엔드 보다는 알고리즘 능력이 덜 필요시 되지만,
가져다쓰는 패키지가 어떻게 동작할지 보거나 할때는 또 필요하다.

 

백엔드 능력은
어느정도 간단한 서비스 구축정도를 경험함으로써 협업 시 이해도면에서 유리하다.

 

Q) 개발자로서의 문제해결능력?

A) 무엇이 문제인지를 먼저 인식하고 그것을 분명하게 정의하는 것이 진정한 문제 해결 능력이며 창의적 문제 해결의 기본이다.

Q) 프론트엔드 기술이슈 겪을만한거.

A) 1. 느린 속도 경험 2. 컴포넌트 분리?(클린코드)

 

★오늘의 핵심

• 깊이있는 기술학습이 우선.
• 기술이슈 겪을만한 깊이있는 프로젝트 1개 선정.
• 뭘 배울때 원리파악에 관심 가지는지 (메커니즘의 핵심)
• 오픈소스 작은코드라도 기여
• 저장소에 프로젝트 두가지 방식 나누기
  1. 다양한 기술 많이써보는 프로젝트
  2. 심도있게 다양한 문제상황에서의 고민 및 해결한 프로젝트