분류 전체보기 (92) 썸네일형 리스트형 스타트업 신입 개발자의 회고 - 2021 . 5 ~ 6월 일일회고 작성일 작성자 오늘 잘했거나, 기억하고 싶거나, 동료와 공유하고 싶은 내용이 있으면 적어주세요. 오늘 잘 안되었던 일은 무엇인가요? 더 나은 앞으로를 위해 무엇을 해야 하나요? 아직도 해결이 안되었거나 불편한 것은 무엇인가요? 2021. 5. 28 조나단TL TF 회고를 하며 허심탄회하게 스프린트 기간동안 힘든점, 부족한점들을 공유하였고 그 결과 각 팀원분들의 고충과 개선방안의 인사이트를 얻을 수 있었다. 회고 자리에서의 커뮤니케이션 남에게 나의 생각과 사고를 공유, 전달하는건 무척이나 어렵고 힘든일이다. 생각 차분하기 정리, css 레이아웃, 반응형 웹 공부, recoil 문서 읽기 데이터테이블 따로 컴포넌트로 분리하는것 다시 진행해보기 2021. 5. 31 조나단TL 폰트 적용을 위해서 오류 메세지를.. css 단위 Css 단위 - em 부모 크기에 비례해서 상대적으로 크기 정해짐 부모 폰트사이즈 곱한 값 - rem 루트에 따라서 폰트사이즈 결정됨 - vw vh 부모 너비 상관없이 브라우저 너비에 따름 - % 부모 너비 대비 퍼센트 ——— 나누는 기준 - 부모 기준 작업 % em - 브라우저 기준 작업 v rem -요소 높이 기준 % v - 폰트사이즈 Em rem —— - 어디서 사용하든 고정 원함 Rem - 부모 크기에 따라서 상대적으로 변하게 Em - 박스 컨테이너 % v flex - 요소와 수직 공간 맞출때 수직 em 수평 rem - 폰트사이즈의 패딩 Em - 미디어 쿼리 단위 Em rem SQL vs NOSQL sql nosql --sql 관계형 데이터 베이스 엄격한 데이터 스키마 데이터를 동일한 테이블에 저장하고 참조하는 방식 장점 데이터의 무결성 데이터의 중복이 없음 정해진 스키마 틀이 있기 떄문에 구조 예측 용이 여러 데이터를 합쳐서 불러오기 수월 단점 테이블 재구성이 어렵고, 구조가 복잡 수직적 확장 가능, 수평적 확장 어려움 데이터 분산이 불가 --nosql 비관계형 데이터 베이스 스키마가 없음 모든 데이터를 하나의 컬렉션 안에 저장 데이터를 분산 장점 스키마가 없어서 유연하게 데이터 조정 데이터 저장이 편리 수직, 수평 확장이 가능 복잡한 조인을 사용 X 단점 유연성 데이터로 구조 결정이 힘듦 데이터의 중복으로 불완전한면 원하는 데이터 한번에 추출이 어려움 --어느때 어떤 s.. 쿠키 세션 - 쿠키 세션을 사용해야하는 이유 통신이 끝나고 상태를 유지하지 않는 특징 -쿠키 - 브라우저 로컬에 저장되는 키 값 쌍의 작은 데이터 파일 - 인증 유효 시간 명시 가능, 유효 시간 명시 후에 브라우저가 종료되어도 인증이 유지 - 웹 서버에 요청시 Request Header에 자동으로 쿠키를 넣어서 서버에 전송 - 클라이언트의 상태 정보를 로컬에 저장했다가 참조 --쿠키의 동작방식 클라이언트가 페이지 요청 -> 서버에서 쿠키 생성 -> HTTP 헤더에 쿠키를 포함시켜 응답 -> 같은 요청을 하면 HTTP 헤더에 쿠키를 함꼐 보냄 -> 서버에서 쿠키를 읽고 이전 상태 정보를 변경 해야할때 쿠키를 업데이트하여 변경된 쿠키를 HTTP 헤더에 포함시켜 응답 --쿠키의 사용 예 방문 사이트의 로그.. 실행 컨텍스트 실행 컨텍스트 실행할 코드에 제공할 환경정보를 모아놓은 객체 - 실행 컨텍스트 3가지 객체 --Variable Object 실행에 필요한 여러 정보들을 담을 객체 변수, 매게변수와 인수 함수 선언 전역 컨텍스트인 경우 => 전역 객체 함수 컨텍스트인 경우 => 활성 객체를 가리킴 --스코프체인 일종의 리스트 전역 객체, 중첩된 함수의 레퍼런스를 저장하고 있음 식별자 중에서 객체의 프로퍼티가 아닌 변수를 검색하는 메커니즘 스코프체인을 통해서 렉시컬 스코프 파악 --this value 함수 호출 패턴에 의해 this 값 결정 - 실행 컨텍스트 생성 과정 ///////////// 코드 실행 전 1. 전역 객체가 생성됨 2. 전역 실행 컨텍스트 생성 // 실행 컨텍스트.. 질문 정리 ----- 웹 브라우저 DOM DOM HTML 차이 ㅇ 브라우저의 렌더링 과정 ㅇ 주소창에 url 입력후 어떤일이 일어나는가 ? ㅇ 이벤트 버블링 캡쳐링 차이점 웹 표준 웹 접근성 CORS SOAP XSS rest api ㅇ resful함이 무엇인지 ? SPA SSR 차이 ㅇ 쿠키 세션 ㅇ HTTP HTTPS 차이 localStorage, sessionStorage, cookie 특징 설명 ajax HTTP 상태코드 역할 ----- 자바스크립트 var let const 차이 ㅇ 스코프 ㅇ 호이스팅 ㅇ 클로저 ㅇ 프로토타입 ㅇ this 4가지 ㅇ callback, Promise , Async /Await ㅇ 설명, 장단.. 웹 브라우저 ----- 웹 브라우저 - DOM 문서 객체 모델 XML이나 HTML 문서에 접근하기 위한 일종의 인터페이스 DOM 구조에 접근할 수 있는 방법을 제공 -> 문서 구조, 스타일 , 내용등을 변경할 수 있게 돕는다. - DOM, HTML의 차이점 HTML 화면에 보이고자하는 모양, 구조를 문서로 만든것 최초의 화면을 그릴때 이용한 설계도 DOM 실제로 화면에 표현된것들 설계도를 이용해서 만든 실물 화면 조작, 웹페이지를 만질 수 있다. ( 인터페이스 ) - 브라우저는 어떻게 동작하는지 ? DOM 생성 -> CSSOM 생성 -> 렌더트리 생성 -> 렌더트리 배치 -> 렌더트리 그리기 // 브라우저의 주요 기능 사용자가 선택한 자원을 서버에 요청 -> 브라우저에 표시 - .. 프로젝트, 기술 - React 사용자 인터페이스를 만들기 위한 라이브러리 사용 이유 ? 동적인 웹 페이지를 효율적으로 유지보수, 관리 목적 어떤 문제를 해결 하는지 ? 프로젝트 규모가 커지고, 다양한 유저 인터렉션 전달에 따른 DOM요소 변화시 렌더링 과정을 거치면서 브라우저 많은 연산 프로세스의 비효율성 => DOM 관리와 상태 변화 관리를 최소화해서 개발자는 기능 개발, 사용자 인터페이스에 집중 가능 특징 -- 컴포넌트 단위 작성 생산성과 유지 보수 용이 -- JSX => JS + xml 리액트에서 element 요소를 제공해줌 --Virtual Dom 어떤게 바뀌었는지 파악하여 필요한 DOM 트리만 업데이트할 수 있게 해준다. - 불변성 ( Immutable ) 변하지 않는 상태를 유지하는 방.. 이전 1 2 3 4 5 6 ··· 12 다음