20210601 Bootstrap01 : CDN 연결, Buttons & Buttons group, Dropdown, List Group, Form, Modal, Tootips, NPM연결, 테마 색상 커스텀, 성능최적화(트리 쉐이킹, Optimize, 단일 번들)
Bootstrap01 Bootstrap official site 여러가지 CSS, JS로 이미 만들어 져있는 UI(Components)를 가져다 사용 가능케 해주는 UI Framework 5버전 : SCSS , 트리쉐이킹을 지원함 트리 쉐이킹 (Tree Shaking) : 단일 번들을 최적화 할때 사용되는 필요하지 않은 코드를 제거하는 기술 연결하기 CDN CSS, JS 연결하기 Bootstrap : Quick Start JS CDN의 경우 Bootstrap에서는 Popper js에 의존하고 있어서, 묶여져 있는 Bundle이 있고 분리되어 있는 Seperate가 있음 Bundle : Bootstrap + Popper Seperate : Bootstrap , Popper (Popper를 따로 사용하는 경..
20210524 HTML01 : HTML 버전, 파일 태그 구성, 이미지 가져오기, 경로, a태그와 router, 개발자 도구, HTML syntax, 요소(부모, 자식, 상위, 하위), 빈 태그, 속성과 값, 인라인과 블럭요소, 인라인-블럭요소, ..
보호되어 있는 글입니다.
20210510 CS50: 컴퓨팅 사고 - 정보를 표현하는 방법(2진법, 비트, 바이트, 트랜지스터, ASCII, UNICODE, RGB ), 알고리즘
네이버 커넥트재단에서 운영하는 부스트 코스라는 사이트의 모두를 위한 컴퓨터 과학 (CS50) By David J. Malan이라는 하버드대에서 강의한 CS 강의이다. 해당 글은 강의를 듣고서 정리한 내용 및 img 자료 입니다. (무료 강의) CS50 : 컴퓨팅 사고 (Computational Thinking, Scratch) 컴퓨터 과학 : 단지 문제를 해결하는 것 (어떠한 입력이 있을 때 그로부터 어떠한 출력을, 그 문제에 대한 답을 찾는 과정) 기계는 입출력에 대한 동의가 필요함 (약속) -> 정보 자체의 표현 방법 2진법 우리는 10진법으로 0 ~ 9 까지의 숫자를 가졌지만 , 기계는 0, 1 단 두개의 숫자 뿐이 없다. 그럼에도 컴퓨터는 글, 이미지, 소리, 영상 등 많은 것을 저장하고 있다. ..
20210309_Yalco01 디버그, 컴파일러, 인터프리터, 빌드, 환경변수, REST API, GraphQL, 객체지향,쿠키,세션,캐시, 프로세스, 스레드, 메모리 관리
Yalco 얄팍한 코딩사전이라는 아주 좋은 코딩 유튜버 분이 계시는데 비전공자의 눈높이에 맞게 여러 용어등을 설명해 주시는데 아주 좋다. 오늘은 이러한 것들을 보고 지금까지 배운 내용들과 비교하여 부족한 부분들을 살펴보며 용어에 대해서 검토하는 시간을 갖고자 한다. Yalco 사이트! 클릭 디버그(Debug) : 소프트웨어에 발생하는 문제의 원인을 찾는 것 (개발의 대부분의 과정) 개발 중인 상태(배포와 반대되는 개념) 코드를 직접 돌려서 어디부분에서 문제가 생기는지 알아보고 해결 함 에디터 대부분이 중간에 검문소를 두어 이를 통과하는 값들을 살펴 볼수 있도록 하는 기능(디버깅 툴)을 제공하고 있음 컴파일러(Compiler) vs 인터프리터(Interpreter) 둘다 모두 우리가 개발할때 쓰는 언어들을..