● 기술면접준비 UI, UX의 개념과 두 개념의 관계에 대해서 설명해 주세요. UI란 유저인터페이스로, 사용자가 어떠한 기기나, 서비스를 사용할 수 있도록 하는 접점을 이야기합니다. 컴퓨터같은 경우는 키보드 마우스를 예시로 들 수 있습니다. UX는 user-experience로 사용자의 경험을 뜻합니다. 좋은 UI는 더 좋은 유저 경험을 제공할 수 있습니다. 예를 들어, 키보드에 있는 숫자가 오름차순이 아니라, 숫자들이 뒤죽박죽 순서대로 놓여있었다면 사용자들은 키보드를 사용할 때 좋지 않은 경험을 할 수 있습니다. 따라서 사용자가 불편함을 겪고있는 UX가 어느 부분인지 찾아, UI를 개선해야합니다. Styled Components를 사용해 보면서 느낀 장점을 이야기해 주세요. Styled-Componen..
CodeStates BootCamp/Section 3
● 오늘 만든 것 피그마로 만들어보았읍니다..!! 나중에 리액트로 로그인하고 -> 포스팅 -> CRUD가능한 구현을 하고 싶다고 생각했습니다 !! ● 오늘 공부한 것 next.js(공식문서 + 공부하기) NextAuth.. 라이브러리..최고.. 알고리즘 공부
● 오늘 배운 것 ㅎ_ㅎ;; 어제부터 node.js 로 서버 혼자 구축해보는거 연습하다가 죽는 줄 알았다.. 이틀동안 node.js와 친해지는 연습을 한 것 같아요 ^_^;; 몽고 DB로 데이터 받아오고 그런것도.. 친해져야하니까. node.js는 필수라고 생각해서 시작하게되엇읍니다.. 오늘의 과제였던 토큰 발급과 토큰이 만료되었을 때, refresh토큰으로 access 토큰도 재발급 하는 연습까지 !! ● 토큰 이전에 쿠키와 세션같은 경우에는 상태가 데이터에 있기 때문에, 서버에서 계속 상태를 관리해주어야했습니다. 코드스테이츠에서 나눠준 자료가 진짜 도움이 많이 되었는데요, 세션같은 경우에는 매번 유저마다 다른 세션의 정보를 갖고있었기 때문에, 만약 세션마다 구별되는 식별자 있다면 DB가서 그 식별자가..
● 오늘 배운 것 OSI의 7계층 OSI의 7계층은 응용계층, 표현계층, 세션계층, 전송계층, 네트워크 계층, 데이터링크계층, 물리계층으로 이루어집니다. 만약 사용자가 웹사이트에 방문했을 때를 가정해보겠습니다. 웹사이트에 방문을 한다면, 응용계층에서 HTTP를 사용하여 요청을보냅니다. (request) 보내고나면 전송계층으로 내려와 3-way 핸드셰이크 과정이 이루어집니다. 전송계층에서는 포트번호가 적힌 TCP헤더가 데이터 앞에 붙게 되고, 이런 데이터를 세그먼트라고 합니다. 핸드셰이크 과정 중에서 데이터를 패킷으로 전달해야하는데, 상대방의 버퍼의 크기가 얼만큼 되는지 알기위해서는 3-way 셰이크 과정 속에서 TCP헤더의 윈도우 크기를 주고받으면서 서로 윈도우의 크기가 얼만큼 큰지 알게 됩니다. 다음..
● 그동안 공부한 것 웹표준을 준수하는 방법 시맨틱 태그 div나 span태그를 막 쓰지 않고 의미가 있는 태그들로 html을 작성해준다. 보다는 으로 등 이 있다. 크로스 브라우징 크로스 브라우징 이슈를 해결하기위해 어떤 기능을 사용한다면, 브라우저가 호환해주는지 늘 확인을 해야하고, can i use 같은 웹사이트로 확인을 해주면 좋다 개발이 완료되면 브라우저별로, 운영체제별로 테스팅을 꼭해주어야한다. SEO에 영향을 미치는 On-page, Off-page가 있다. 광고비를 내고 검색어 상단에 뜨는 거는 Off-page이며, 나머지 meta태그나 html의 다른요소들을 검사하여 검색어와 매칭해주는건 On-page다. 따라서 태그 안을 잘 적어주어야한다. 그렇다고 연관없는 단어나, 단어를 중복해서 메타..
● 그동안 공부한 것 [16장 리덕스 라이브러리 이해하기] 왜 리덕스를 사용해야할까요? Context API를 통해서 다양한 상태를 관리를 할 수 있고 가장 최고 레벨에 있는 컴포넌트 안에는 JSX만 남겨 깨끗한 코드로 유지할 수 있지만, 프로젝트 규모가 커짐에 ddaeunbb.tistory.com [17장 리덕스를 사용하여 리액트 애플리케이션 상태 관리하기 (2)] 이전에 리액트 리덕스는 어떻게 활용할 수 있는지 알아보았습니다. 그런데 매번 액션 생성 함수를 만들어주어야할까요? 넘나 귀찮지 않습니까?.. 그리고 리듀서 함수에서 switch문을 통해 여러번 ddaeunbb.tistory.com [18장 리덕스 미들웨어를 통한 비동기 작업 관리 (1)] ● 실습 source src > index.js i..
