본문 바로가기

분류 전체보기

 (131)
2021.02.22 월요일 - [x] 아침 명상 - [x] 저녁 명상 - [x] 독서 (1) - [x] 나작앱(3) - 책 검색 화면 infinite scroll - [x] 드로잉(0.5)
css rendering - 기본 레이아웃 | CSS 속성은 사실 OO이다? CSS란? CSS(Cascading Style Sheets)는 종속형 스타일 시트 언어입니다. *마크업 언어의 스타일을 웹사이트에 표현하는 데 사용합니다. HTML 요소에 선택적으로 스타일을 지정할 수 있습니다. *마크업언어: 태그로 문서나 데이터 구조를 표시하는 언어 css로 엘리먼트에 float: left 속성을 주면 왼쪽에 배치됩니다. 'left 값을 주면 왼쪽에 배치된다'고 추상적으로 알고는 있지만, 우리는 실제로는 어떻게 배치가 됐는지는 알지 못합니다. 그래서 오늘은 평소에 당연하다고 생각했던 CSS 스타일이 어떤 과정을 거쳐 그려지고 있었는지 알아보려 합니다. 코드스피츠 css 렌더링 1-1 코드스피츠 css 렌더링 1-2 CSS 등장 배경 우리가 보는 화면은 픽셀들로 이루어져 있습니다. 이 ..
2021.02.21 일요일 - [ ] 아침 명상 - [ ] 저녁 명상 - [ ] 운동 (1) - [x] css 렌더링 포스팅(4) https://youtu.be/NFvSbFJmoWo modern css https://developer.mozilla.org/ko/docs/Learn/Getting_started_with_the_web/CSS_기본 css 기본 https://www.w3.org/Style/CSS/specs.en.html w3c css specs https://www.w3.org/TR/css-page-floats-3/#float-property float property https://www.w3.org/TR/css3-mediaqueries/ css media query https://www.w3.org/TR/CSS22/..
2021.02.20 토요일 [ ] 아침 명상 [ ] 저녁 명상 [x] 독서(0.5) [ ] 운동(1) [x] CS(3) - css rendering (코드 스피츠) [x] 나작앱(2) - flutter bloc [x] 드로잉(0.5)
2021.02.19 금요일 - [x] 아침 명상 - [x] 독서(1) - [x] 나작앱(2) - [ ] 드로잉(0.5)
자바스크립트 이벤트 루프와 비동기 콜백 | how does javascript work? 대학생 때 이자카야에서 서빙 아르바이트를 한 적이 있었습니다. 식당에는 손님이 많지 않아 혼자 일 했습니다. 손님들이 오시면 테이블에 안내해드리고 주문을 받습니다. 그동안 또 다른 손님들이 옵니다. 몸이 두 개가 아니므로 첫번째 테이블을 응대하고 있는 동안 '두번째 테이블에 가야한다'는 작업을 머릿 속에 생각해둡니다. "event loop" 이와 비슷하게 자바스크립트는 싱글 스레드(single thread)로 동작합니다. 홀로 서빙하는 종업원처럼 많은 작업을 하나의 스레드로 처리한다는 뜻입니다. 하지만 제가 동시에 여러 일을 못하듯이 자바스크립트도 동시에 여러 작업을 할 수 없습니다. 그래서 만약 현재 제가 어떤 일을 진행 중이라면, 당장 다른 일은 못하지만 머릿 속에서 다음 할 일을 생각하는 것처럼 자..
2021.02.18 목요일 - [ ] 아침 명상 - [x] 저녁 명상 - [x] HTML/CSS/JS 공부 (3) : javascript, node 이벤트 루프 - [x] 독서(1): 주식투자 / 서평: 땅 투자 - [x] 드로잉(0.5) --- - [ ] SEO - [ ] semantic web, liked data (+jsonld) -> 팀 버너스 리의 테드 강연 - [ ] 자잘한 css tricks, layout 만들기 (masonry, grid) - [ ] responsive, media queries - [ ] image rendering optimization - [ ] DOM manipulation - [ ] es6 javascript - [ ] hoisting, event bubbling, scope, prototy..
[서평] 땅 투자, 나는 이렇게 1억으로 100억을 만들었다 - 정옥근 작가와 함께 부산, 대전, 세종시를 누비며 땅을 보고 다닌 듯한 느낌이 듭니다. 바로 옆에서 '이 땅은 이래서 좋고, 저래서 좋다. 저 땅은 좋지 않지만 *비포 풍수(裨補風水)하여 좋은 땅으로 만들 수 있다'라는 조언들을 들은 것 같습니다. 그만큼 작가의 생생한 경험담이 담겨있었습니다. 책을 읽기 전만 해도 땅에 투자한다고 하면 자본이 많이 필요할 것 같아 굉장히 낯설고 멀게 느껴졌습니다. 그런데 막상 땅 투자에 대해 알아보니 돈이 부족하더라도 금융채로 메꾸면 되고, 이자는 저금하듯이 꼬박꼬박 내면 수익률이 아주 좋다는 걸 깨닫게 되었습니다. *비보풍수(裨補風水): 부족한 땅의 기운을 인위적으로 고쳐 보충해주는 것 *자본 / 자산: 자본은 자신의 돈, 자산은 대출받은 돈과 자본을 합쳐 부르는 말 "땅에 ..
2021.02.17 수요일 - [x] 아침 명상 - [x] 저녁 명상 - [x] 나작앱(3) - [x] 독서(1): 땅투자 / 주식투자 - [x] 드로잉(0.5)
너와 나의 연결고리, 인터넷에 대하여 | how does internet work 스페이스 X의 스타링크 위성 60개가 서로 연결된 모습입니다. 이 네트워크는 전세계 광대역 인터넷을 제공하는 것을 목표로 합니다. 캐나다, 미국 일부 지역에서 비밀리에 시범 운영되고 있고 재해를 입은 워싱턴 주에 인터넷을 제공하여 통신 재개에 도움을 줬다고 합니다. 케이블 선에서 위성에 이르기까지, 인터넷은 엄청나게 발전했고 또 발전하고 있습니다. 오늘은 인터넷이 어떻게 시작됐는지, 그리고 그 구조와 동작 방식에 대해 다루려고 합니다. "인터넷의 구조" 1969년, 최초의 연결 'ARPANET'이 등장했습니다. 유타, UCLA, 스탠포드, UCSB 네 곳의 컴퓨터를 연결한 네트워크였습니다. ARPANET은 연구자들에 의해 시스템이 개선되었고, MIT와 하버드의 컴퓨터까지 연결이 확장되어 지금의 '인터넷'..

티스토리툴바