hourPerOur

컴포넌트가 생성되고 업데이트 되는 과정을 관리하는 방법이며 라이프사이클은 컴포넌트가 화면에 나타나고 사라지는 동안 일어나는 단계를 설명한다. 마운트 - - constructor: 컴포넌트가 생성될 때 호출되어 초기 설정을 수행 ! - Render: ui를 렌더링 해줌 - componentDidMount : 컴포넌트가 화면에 나타난 후 딱 한 번 호출되며 주로 외부 데이터 가져오기 등 초기화 작업을 수행 업데이트 - shouldComponentUpdate :컴포넌트가 업데이트되기 전에 호출되며, 업데이트가 필요한지 여부를 결정 언마운트(Unmounting): render: 컴포넌트의 새 UI를 렌더 - componentDidUpdate : 컴포넌트가 업데이트된 후 호출되며, 업데이트 이후의 작업을 처리 :..

TILs 2023. 9. 14. 23:54

http : 월드 와이드 웹에서 데이터를 전송하는데 사용되는 표준 프로토콜 중 하나이며 데이터가 암호화되지 않는 평문으로 전송된다. http는 주로 웹 페이지 검색 이미지 로딩 문서 라운로드 같은 웹 브라우징 활동에 사용된다 https는 http의 보안버전이다. 데이터의 기밀성과 무결성을 보장하기 위해 개발되었다. https는 ssl 또는 tls(Transport layer security) 프로토콜을 사용하여 데이터를 암호화하고 안전하게 전송한다. 중간에 데이터를 감시하거나 조작하는 시도를 방지하고 웹 사이트와 사용자 간의 통신을 안전하게 만든다. 주로 온라인 금융 거래, 웹 상 개인 정보 입력 및 기타 민감한 작업에 사용된다. zustand 전역 상태 관리 예시 import {create} from ..

TILs 2023. 9. 13. 18:05

프로세스와 쓰레드 질문 : 프로세스만으로 작업을 처리할 때 발생하는 문제점에 대해 설명해 주세요. 답변 : 프로세스 자체를 생성하는데 많은 시간이 소요되며 프로세스 컨텍스트 스위칭의 비효율성과 오버헤드가 크다, 프로세스 간 통신이 어렵다. 비용이 비싼 IPC를 사용해서 통신한다 꼬리질문 : 쓰레드에 대해 설명해 주세요. 답변 : 여러 쓰레드와 공간과 자원을 공유하며 사용한다, 프로세스 안에서 작업을 처리하는 주체이며, 자원 중에서 stack만 따로 할당 받고 나머지 영역은 쓰레드끼리 공유한다. 꼬리질문 : 마지막으로 프로스세와 쓰레드의 차이점을 설명해 주세요. 답변 : 각 독립된 메모리의 영역을 할당해 주기 때문에 프로세스는 다른 프로세스의 변수나 자료에 접근할 수 없다. 이와는 달리 스레드는 메모리를 ..

TILs 2023. 9. 12. 17:30

클라이언트 사이드 렌더링(CSR)과 서버 사이드 렌더링(SSR)의 개념에 대해 설명해주시고, 장/단점을 설명해주세요. CSR은 웹 애플리케이션에서 모든 HTML, CSS 및 JavaScript 코드를 브라우저로 다운로드하고 실행합니다. 초기에는 빈 페이지가 로드되며, 브라우저에서 JavaScript 코드가 실행되면 서버에서 데이터를 요청하고, 데이터를 받아와서 동적으로 화면에 렌더링 하게 됨 장점으로는 검색 엔진 최적화 (SEO) 어려움: 초기 페이지에는 적은 내용이 있어 검색 엔진이 콘텐츠를 인덱싱하기 어렵다. 초기 렌더링 대기 시간: 브라우저는 JavaScript 코드를 다운로드하고 실행해야 하므로 초기 로딩 시간이 길어질 수 있다. 브라우저 및 네트워크 의존성: 사용자의 브라우저 및 네트워크 속도에..

TILs 2023. 9. 11. 23:28

### my page의 user 정보 변경 tab에 있는 닉네임, 프로필 이미지 변경 handler이다 ### 몇 개의 validation check가 적용된다. 사용중인 닉네임과 중복 체크. 특수문자 포함할 수 없다. 네 글자 이하만 변경 가능하다. 이미지 핸들러는 input - file에 추가된 이미지가 미리보기로 화면에 렌더되며 "저장" 클릭시 supabase에 저장되며 user profile image가 변경 - 반영 된다. const handleSaveChanges = async () => { let nameChanged = false; let imageChanged = false; let alertMessages = []; const specialCharacters = /[!@#$%^&*()_..

TILs 2023. 9. 10. 23:56

브라우저의 작동방식에 대해서 설명해주세요. user가 입력 ( url 입력) 시 브루어자가 해당 url로 이동하도록 명령 - 도메인 네임 시스템 서버에 쿼리를 보낸다. dns를 사람이 읽을 수 있는 도메인을 ip주소로 변환한다 - 웹서버의 ip주소를 사용하여 서버와 통신하기 위한 연결 - http 요청 : 사용자 에이전트 정보, 요청 메서드, 쿠키 정보, 헤더 등을 포함 - 웹 서버는 브라우저에게 요청한 웹페이지의 html , css, js 및 기타 리소스에 대한 링크가 포함됨- html문서를 파싱하고 렌더링 엔진을 사용하여 웹페이지를 표시 (여기에서 html의 구조 분석, css 스타일링 및 js 실행이 포함) - css 웹페이지의 스타일을 적용 - 페이지에 포함된 js코드가 실행, 동적으로 내용을 변..

TILs 2023. 9. 7. 17:28

프로세스 생명주기 - 질문 : 프로세스 생명주기의 흐름에 대해 간략하게 설명해 주세요. - 답변 : 신규 생성 → 준비 상태 -대기 or ←→ 수행 단계 → 종료 - 꼬리질문 : 준비 상태가 되는 케이스 3가지에 대해 설명해 주세요. - 답변 : 신규 프로세가 수용됨 / 대기 프로세스의 o/i 이벤트 완료 / 수행 프로세스 중단 - 꼬리질문 : 수행 프로세스의 중단 동작의 작동원리를 설명해 주세요. - 답변 : cpu의 과부하가 판단되는 경우 대기 큐 (Waiting Queue) & 스케줄링 (Scheduling) - 질문 : 대기 큐의 상태에서Job Queue Ready, Queue, Device Queue, 에 대하여 간략하게 설명해 주세요. - 답변 : 잡큐 하드에 있는 프로그램 메모들이 올라올 때..

TILs 2023. 9. 5. 14:15

0904 19:30~ 중간 발표 후 피드백 시간이 있었다 왜 버셀 배포했는데 로컬호스트로 시연하였는가? 최신 버전이 아직 제대로 반영되지 않아 불가피하게 localhost로 진행하였다. 전역적으로 UI를 잘 작성함 / 좋은 코드라고 생각함 useMemo를 쓴 팀을 이번에 처음 봄 -> 잘 작성했는데 내가 왜 이걸 썼는지 설명적으로 잘풀면 면접 때 좋을 것 같음 supabase 로직을 많이 끄집어 냄 api 폴더 속에 api 문서들을 잘 정리해놓음 이렇게 되면 유지보수에 좋음, 수정할 내용이 있으면 안쪽에서 수정하면 되니까 근데 몇몇 페이지에서는 아직 supabase api 남아있으니 한쪽으로 추리면 좋을 것 같음 타입스크립트 타입스 폴더 만들어서 나름 타입 지정해주려고 노력함 시도를 계속 하다보면 익숙해..

TILs 2023. 9. 5. 00:03