본문 바로가기

전체 글160

[ Window, Document ] 정의 Window - 브라우저 객체 모델의 최상위 객체 브라우저 객체 모델(BOM : Browser Object Model) 은 웹브라우저의 탭 혹은 창의 모델을 나타내는데, 이러한 웹브라우저 객체 모델의 최상위 객체가 window 객체이다. window 객체는 현재 웹브라우저의 창이나 탭을 표현한다. Document - 문서 객체 모델의 최상위 객체 문서 객체 모델(DOM : Document Object Model) 은 현재 웹페이지의 모델을 생성하며, 이러한 문서 객체 모델의 최상위 객체가 document 객체이다. document 객체는 전체 페이지를 표현한다. 설명 window 객체 브라우저 안에 처음으로 로드 된다. window 객체는 length, innerWidth 등과 같은 속성을 갖고 있.. 2021. 8. 24.
setTimeOut 개발을 하다보면, 함수를 당장 실행하지 않고 정확히 몇 초의 딜레이 후에 실행하고 싶을 때가 있을 것입니다. 이것을 "호출 스케쥴링하기(scheduling a call)"라고 합니다. 이것을 구현하기 위해 두가지 메소드가 존재합니다. setTimeout은 일정 시간 간격 이후에 함수가 한번 실행됩니다. setInterval은 일정 시간 간격으로 함수가 주기적으로 실행됩니다. https://velog.io/@jakeseo_me/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EA%B0%9C%EB%B0%9C%EC%9E%90%EB%9D%BC%EB%A9%B4-%EC%95%8C%EC%95%84%EC%95%BC-%ED%95%A0-33%EA%B0%80%EC%A7%8.. 2021. 8. 17.
[Mobx] 상태 관리 1. Observable State - 관찰 받고 있는 상태 2. Computed Value - 예를 들어 value 값에 *2를 해서 가져오라고 할때만 value 값을 참조한다. 만약 변경되어 있지 않다면 그대로 내보낸다. 계속 value 값이 1,2,3,4,5, 변한다고 해도 실제로 필요할때만 참조 한다. 3. actions - observable 상태를 변경 할때 접근하는 것이다. 4. reactions - 변경될때 마다 응답하는 함수 https://doc.ebichu.cc/mobx/refguide/computed-decorator.html 2021. 8. 2.
[Js] 무한 스크롤 1. 바닥에 도착 했을때 2021. 7. 31.
프런트 지식 각 브라우저 작동 방식 https://yozm.wishket.com/magazine/detail/1338/ 프론트엔드 개발자라면 알고 있어야 할 브라우저의 동작 과정 | 요즘IT 프론트엔드 개발자에게 있어 브라우저는 거의 모든 것과도 같습니다. 하지만 그렇다고 해서 프론트엔드 개발자가 브라우저의 모든 원리에 대해 잘 알고 있는 것은 아니지만, 복잡한 웹 어플리 yozm.wishket.com 브라우저의 렌더링 과정 + aws www.naver.com -> 해당 DNS가 갖고 있는 ip 주소로 이동 -> 만약 Cloud Front 가 있다면 그 곳으로 이동한다. CDN 이미 Cloud Front 에서는 CDN이 동작이 되는데 만약 내가 미국에 있는데 한국 서버에 있는 사진, 파일을 가져오게 된다면 느리게 되.. 2021. 7. 29.
[React] flex vs flexgrow https://stackoverflow.com/questions/35395691/understanding-the-difference-between-the-flex-and-flex-grow-properties Understanding the difference between the flex and flex-grow properties What is the difference in effect between setting flex: 1; and setting flex-grow: 1;? When I set the former in my code, the two columns I have display with equal width, while they do not do so when ... stackoverf.. 2021. 7. 8.