전체 글
-
[Waf #1] 냉장고 관리 및 레시피가 필요할땐, wafProject 2020. 12. 30. 17:19
Intro 첫 번째 프로젝트 코딩을 배우고 처음으로 프로젝트를 진행하였다. 4명이서 한 팀으로 진행한 팀 프로젝트였고 2주 안에 완성을 해야 했다. 팀원들과 고민 끝에 냉장고 관리를 도와주는 사이트를 만들어보기로 하였고 나는 팀에서 백엔드를 맡아서 진행하였다. Waf(What's in myfridge) 와프는 구매한 식재료를 냉장고 안에 넣어 관리할 수 있고 남은 소비기한을 체크하여 재료를 효율적으로 관리할 수 있게 도와준다. 또 가지고 있는 재료를 가지고 무엇을 만들지 고민될 때는 유튜브로 연결하여 레시피를 추천해준다. 메인 로그인/회원가입 구글, 네이버 로그인과 일반 로그인 냉장고 재료 및 소비기한 확인 재료 추가 레시피 확인 냉장고 안에 식재료를 선택하여 레시피를 확인 Stack 백엔드를 맡아 no..
-
AuthenticationProblem 2020. 12. 18. 10:16
1. 다음 중 HTTPS에 대한 설명으로 올바르지 않은 것은? ① 인증서를 기반으로 데이터 제공자의 신원을 보장받을 수 있다. ② 기존 HTTP 방식보다 더 안전한 통신 프로토콜이다. ③ 공개 키 암호화(Public-key cryptography) 방식을 사용한다. ④ 최근 트렌드에서 멀어진 프로토콜이다. 더보기 ④ 최근 트렌드에서 멀어진 프로토콜이다. HTTPS는 최신 통신 프로토콜의 기반. 기존의 HTTP를 사용한 통신은 제3자가 중간에 요청을 가로채갈 경우 데이터를 쉽게 빼낼 수 있었지만, HTTPS를 사용한 통신은 암호화가 되어있기 때문에 제3자가 중간에 요청을 가로채고 쉽게 복호화할 수 없다. 2. 비대칭 키 암호화에 대한 설명으로 올바른 것을 모두 고르세요. ① 암호화와 복호화에 다른 키를 사..
-
Web ArchitectureProblem 2020. 12. 17. 19:07
1. 웹 아키텍처 전반을 간단히 설명하고자 합니다. 다음 문장에서 빈칸에 들어갈 키워드를 알맞게 나열하면? - 클라이언트는 인터넷에 연결된 사용자의 디바이스, 또는 웹에 접근할 수 있는 소프트웨어를 뜻한다. 대표적인 예로 [A]가 있는데, [A]는 HTML, CSS, JavaScript 등으로 작성된 코드를 내부 엔진으로 해독하여 사용자가 쉽게 이해할 수 있는 형태의 컨텐츠로 보여주는 역할을 한다. - 서버는 클라이언트가 어떤 자원을 요청하면 해당 요청을 적절하게 처리하는 역할을 한다. 클라이언트는 서버의 자원은 어떻게 사용할 수 있는지 명시해 둔 인터페이스 [B]에 따라 요청을 전송한다. - 이렇게 클라이언트와 서버가 서로 요청과 응답을 주고 받을 수 있는 것은 [C]라는 통신 규약 덕분이다. 더보기 ..
-
Cookie, SessionNote 2020. 12. 17. 18:20
HTTPS Hyper Text Transfer Protocol Secure Socket layer HTTPS는 HTTP 요청을 SSL 혹은 TLS라는 알고리즘을 이용해, HTTP 통신을 하는 과정에서 내용을 암호화하여 데이터를 전송하는 방법이다. HTTP 프로토콜 내용을 암호화(HTTP + Secure(보안 기능)) 특징 1. 인증서: 데이터 제공자 신원 보장, 도메인 종속 2. CA(certificate authority): 공인 인증서 발급 기관 3. 비대칭 키 암호화 암호화는 일련의 정보를 임의의 방식을 사용하여 다른 형태로 변환하여 해당 방식에 대한 정보를 소유한 사람을 제외하고 이해할 수 없도록 '알고리즘'을 이용해 정보를 관리하는 과정 Hashing 어떠한 문자열에 '임의의 연산'을 적용하여 ..
-
ReactProblem 2020. 12. 17. 16:11
1. 다음 중 React에 대한 설명으로 맞는 것을 모두 고르세요. ① React를 사용하기 위해서는 반드시 JSX를 사용해야 한다. ② JSX를 JavaScript로 변환해주는 도구이다. ③ 선언적인 형태로 View(화면) 설계가 가능하다. ④ 컴포넌트 형태로 작성하며, 상태의 캡슐화에 용이하다. 더보기 ③ 선언적인 형태로 View(화면) 설계가 가능하다. ④ 컴포넌트 형태로 작성하며, 상태의 캡슐화에 용이하다. 2. 다음은 React에서 함수 컴포넌트를 만드는 예제입니다. JSX 문법을 잘못 사용하고 있는 예제를 고르세요. ① cosnt Hello = () => { return ( 안녕하세요 ) } ② cosnt Hello = () => { return ( 안녕하세요 반갑습니다 ) } ③ cosnt ..