할머니의 콤퓨타 도전기

float 이미지와 텍스트를 어떻게 배치할 것인지 정리하기 위해 나타난 아이 float: left 이미지가 왼쪽에 배치되고 텍스트가 이미지를 감싸면서 배치 flex 하나의 플렉스 아이템이 자신의 컨테이너가 차지하는 공간에 맞추기 위해 크기를 키우거나 줄이는 방법을 설정하는 속성 continer를 꾸며줄 수 있는 속성 값들 display display: flex; flex-direction 기본값은 row row-reverse : 오른쪽에서 왼쪽으로 column column-reverse flex-wrap 기본값 nowrap item이 한줄에 붙어 있음 wrap 한 줄에 꽉 차면 다음 줄로 넘어감 flex-flow column nowrap flex-direction과 flex-wrap 합친 것 justif..

viewport 사용자가 웹페이지를 볼 수 있는 영역 기존 컴퓨터 화면을 휴대기기에서 보면 확대해서 봐야하는 불편함이 있음. 이를 해결하기 위해 각각 기기에 맞는 크기로 브라우저들이 크기를 인식해야 했음. 이 때 사용하는 태그가 뷰포트를 제어하는 뷰포트메타태그 html 문서에 대한 메타 데이터를 정의 항상 태그 내부에 있으며 일반적으로 문자 집합, 페이지 설명, 키워드 및 뷰포트 설정 지정 viewport 메타태그 width=device-width는 장치의 화면 너비를 따르도록 페이지 너비를 설정 initial-scale=1은 브라우저에서 페이지를 처음 로드할 때 초기 확대/축소 수준 설정 태그의 rel 속성은 현재 문서와 외부 리소스 사이의 연관 관계 명시 예를 들어, 속성값 alternate는 프린..

CDN은 지리적으로 먼 거리에 있는 사용자에게 제약 없이 빠르고 안전하게 콘텐츠를 전송할 수 있는 전송 기술입니다. CDN은 서버와 사용자 사이의 물리적인 거리를 줄여 콘텐츠 로딩에 소요되는 시간 최소화합니다. 각 지역에 캐시 서버(PoP, Points of presence)를 분산 배치하여 사용자의 요청에 근접한 캐시 서버가 콘텐츠를 전달해줍니다. CDN은 동영상 스트리밍이나 온라인 게임, 대용량 파일 전송 등을 다루는 사이트에서 안정적인 서비스를 제공하기 위해 사용되고 있습니다. 하지만 특정 국가나 지역만을 타깃으로 하는 웹 서비스라면 CDN을 이용할 필요가 없습니다. 오히려 불필요한 연결 지점이 늘어나 웹 사이트의 성능 저하를 유발하기 때문입니다. 넷플릭스는 CDN을 구축하여 전 세계의 사용자들에게..

라이프 사이클 단계를 크게 나누면 인스턴스의 생성, 생성된 인스턴스를 화면에 부착, 화면에 부착된 인스턴스 내용이 갱신, 인스턴스가 제거되는 소멸로 구성 (부착 --> 갱신은 데이터가 변경되는 경우에만 거침) 인스턴스 생성! new Vue() 이벤트 및 라이프 사이클 초기화 beforeCreate 인스턴스가 생성되고 나서 가장 처음으로 실행되는 라이프 사이클 단계 data 속성과 methods 속성이 인스턴스에 정의되어 있지 않고, 돔과 같은 화면 요소에 접근 불가 화면에 반응성 주입 created data, methods 속성에 정의된 값에 접근하여 로직 수행 가능 인스턴스가 화면 요소에 부착되기 전이기 때문에 template 속성에 정의된 돔 요소로 접근할 수 없음 data 속성과 methods 속성..

오늘 부스트캠프 웰컴 기프트(?)가 도착해서 신나게 뜯어봤습니다. 이런거 주는 줄 몰랐는데 갑자기 택배 알림이 와서 이게 뭔가 했습니다... 웰컴 기프트(?)라고 생각해도 되겠죠?! 원래는 엄청 큰 상자에 각 층별로 분리되어서 왔어요. 순서대로 조립한 모습입니다. 집에 미니 편의점이 생긴 기분이고 .. 이런거 처음 받아봐서 넘 맘에 들고 .. 귀엽고 .. 그렇습니다 ... 💚 음료수 칸도 있고 나름 알찬 구성인 것 같아요. 아주 든든 스티커도 같이 왔길래 한 번 붙여봤습니다. ㅋㅋ 맨 위 판(?)에는 BOOSTCO라고 적혀있는게 매우 귀엽습니다. 해시태그 마저 ... 코딩하면 0칼로리 킹정이쥬 간식 외에도 요 세 친구가 함께 들어있었어요. 스티커 ! 이 친구 이름이 부덕이인 것 같던데 귀엽길래 노트북에 ..

django에서 secret key는 Git과 같은 공개된 장소에 올리면 안된다. 이를 별도의 json 파일로 분리해서 관리해야한다. Django secret key는 cryptographic signing을 제공하는데 사용된다. https://docs.djangoproject.com/en/3.0/topics/signing/ it can be useful to pass data through an untrusted medium. crpytographically signed values can be passed through an untrusted channel safe in the knowledge that any tampering will be detected 이미 노출이 된 상태라면 아래의 Djang..