🔥 오늘하루는?

• 알고리즘
  오늘부터 프로그래머스 Lv.2 문제를 풀기로했다. 하루에 3문제씩 풀고 페어와 만나서 풀지 못한 문제를 같이 풀거나, 작성한 코드를 보면서 설명하는 방식으로 진행했다.
  사실 문제 제목에 어떤 자료구조를 사용하면 되는지 적혀있어서 그나마 그것을 활용하면 된다는것을 알았지 문제만 읽고서는 어떻게 풀어야할지 감이 잡히지 않았다.
  (물론 어떻게 풀면좋을지 제시되어있어도 모르는건 마찬가지라는게 함정 😏)
  DFS에 관련된 문제는 레퍼런스를 봐도 잘 모르겠다. ( 템플릿 마냥 그냥 외워야하는것인가?)
  문제를 풀어도 시간복잡도? 효율성에 대한 부분도 신경써야해서 어려운것 같다. 이제는 테스트 케이스만 통과된다고 되는것이 아니다..
  나에게 가장 큰 스트레스 알고리즘 ㅠ...

• cs50 강의
  지난 주에 듣고 남은 인터넷에 관련된 강의를 들었다.

• 자기소개 페이지 만들기 : 토요일에 잠깐 작업을 하고 오늘이 자기소개 페이지 만들기 2일차다.예전 코드스테이츠 하기전에 JS로 만들어둔 레이아웃을 바탕으로 리엑트로 변경해서 전체적인 틀을 만들었다. 슬라이드형태로 페이지를 만들고싶어서 고민을 해보았다...
  react-router-dom을 이용해서 각 페이지별로 구분했고, 페이지가 변경 될때 fade-in, fade-out효과를 주고 싶었는데, 검색을 해보니 react-transition-group를 사용하면 된다고 해서 적용 해봤다. ( ???? 생각보다 어렵군 ... ) 다른 사람들의 블로그를 보고 간단한 트렌지션 효과는 나오지만 내가 잘 이해지 못한것 같아서 불만족스럽다. 좌우 버튼을 눌렀을때는 window.location.pathname을 이용해서 if문 분기를 나눠서 페이지가 변경되게 작성했다.(사실 이부분도 약간 걱정이다 ㅎ, 각 페이지에 해당 경우에따라 페이지를 일일이 다 직접 작성했기때문)
  일단 오늘은 기본적인 슬라이드 형태로 웹페이지가 잘 작동 될 수 있도록 만들었다. 내일은 홈 화면에 관련된것을 차근차근 만들어 봐야겠다.
  

• GitHub 프로필 꾸미기 : 예전부터 깃허브 프로필을 변경해보고 싶었다. 블로그를 찾아보면서 일단 간단하게 나마 꾸며보았다. MarkDown은 블로그를 써도 아직 어색하지만 익숙해지면 자연스럽게 잘 쓰겠지?

  역시 능력자들이 많은 개발자 세계다 .. 간단하게 복사 붙여넣기 만으로도 스택아이콘? 프로필 헤드를 꾸밀 수 있다니.. 시간될때마다 틈틈히 고쳐봐야겠다. (이력서 작성 후 마무리 작업 해야지~) 그래도 뭔가 하니깐 뿌듯하다 ㅎ
  

✍🏻TIL : cs50

오늘의 강의 🧑‍💻

5: 인터넷과 네트워크

Topic6: 웹 서버는 사용자와 필요한 정보를 어떻게 주고받을까요?

• HTTP : HTTP(Hypertext Transfer Protocol)은 웹 브라우저가 웹 서버와 대화하기 위한 프로토콜이다. 사용자는 웹 페이지를 방문할때 웹 페이지의 내용을 요청해야한다. 서버는 그 요청에 응답하기 위해서 요청을 해석하고 클라이언트에게 응답한다. HTTP는 이러한 과정을 쉽게 해주며, 요청을 주고 받는 표준적인 방법을 제시해준다.

• GET과 POST 요청 : GET 요청은 요청 URI를 써주는데, 사용자가 요청한 웹 페이지의 경로를 나타낸다.
  아래 첫번째 줄의 코드는 HTTP프로토콜을 사용한다는 의미이며, 1.1은 그 버전을 나타낸다. 2번째 줄은 호스트를 명시하는데, 호스트는 사용자가 웹 페이지를 요청할때의 도메인 이름이다.

GET / HTTP / 1.1
Host: www.google.com

POST 요청이라는 다른 유형의 HTTP 요청을 보낼 수 있다. POST요청은 사용자가 데이터를입력하고 웹 서버로 데이터를 전송할 때 사용된다.

• 상태코드 : 서버는 클라이언트에게 요청의 결과를 상태코드를 같이 보낸다. 각 상태코드에 따라 응답의 내용이 다르다. 아래의 사진을 참고
  

---

Topic7: 우리의 컴퓨터를 위협하는 것들에 어떤 것들이 있을까요?

• 신뢰 모델 : 우리는 인터넷에서 소프트웨어를 다운 받을때, 그 소프트웨아가 안전하다는 신뢰가 필요하다. 그러나 우리는 이 모든 소프트웨어가 안전하다고 믿고 다운 받는다. 이러한 것을 신뢰 모델의 기본이다.

---

Topic8: 어떻게 하면 사이버 공격으로부터 우리의 컴퓨터를 보호할 수 있을까요?

• 비밀번호 : 구글이나 페이스북과 같은 서비스는 비밀번호 도용방지 수단으로 이중 인증을 제공한다. 이중 인증을 사용하면 비밀번호 이외 휴대폰으로 오는 인증 코드를 입력하거나, 이메일로 온 코드를 입력해야한다. 이중 인증을 사용하면 사용자의 비밀번호를 누군가에게 노출 되었더라도 앞에 예시로 들었던 인증방법을 한번더 거쳐야하기때문에 계정으로 접근 할 수 없지만, 이중 인증을 요구하는 수단을 잃어버리거나(휴대폰 분실), 통신의 장애가 생기면 사용자 자신도 계정을 접근 할 수 없는 불편함을 겪을 수 있다.

• 보안 소켓 계층 : HTTPS(HTTP Secure)는 HTTP와 보안 소켓 계층(SSL)이라고 불리는 기술을 결합한 인터넷 통신 프로토콜이다. SSL을 사용하는 웹사이트는 각각 인증서를 갖고 있는데 웹사이트에 접근하려는 사용자에게 제공된다. 인증서는 공개키를 포함하며, 웹 서버는 암호화된 요청을 해독하는 다른 키, 비밀키를 가지고 있다.

• 그 외의 사이버 공격 : 웹 서버와 사용자 사이에는 DNS서버, 라우터 등으로 악성코드를 보내 https://를 http://로 바꿀 수 있다. 이렇게 하면 사용자는 정상적인 사이트라고 생각하지만 실제로는 그렇지 못한 사이트로 변경된다. 이러한 방법을 중간자 공격이라고 한다.
  세션 하이재킹은 웹사이트에 접속할때 자동적으로 생성되는 쿠기를 얻기 위해 상대방의 네트워크 트레픽을 보고, 상대방의 http 헤더에 쿠키를 사용하여 상대방을 다른사람으로 착각하게하여 웹서버를 속이는 기술이다.

---