완주를 향하여

더보기 HTML요소를 익힌다 CSS 익히기 간추려 개인 블로그에 글을 올린다 1. 필수 강의 정리 비전공자를 위한 HTML/CSS 부스트코스(boostcourse)는 모두 함께 배우고 성장하는 비영리 SW 온라인 플랫폼입니다. m.boostcourse.org 스스로 기억하고 싶은 것만 기록 HTML Hyper Text Markup Language 기본구조 Hello, HTML ​ 글로벌 속성 : 모든 태그에 사용가능한 속성(id, class) 앵커태그의 내부링크 를 통해 페이지 내부의 특정 요소로 초점을 이동 가능 내부 링크를 사용할 때는 href 속성값에 #을 쓰고 그 뒤에 페이지 내에서 이동하고자하는 요소의 id 속성값 작성 컨테이너 태그 : block-level tag. 레이아웃(전체적인 틀)을 만..

이벤트 등록 : 사용자 입력에 따라 추가되는 화면의 동적 기능 이벤트 버블링 (Event Bubbling) : 하위요소에서 상위요소로 이벤트가 전달되는 특성 이벤트 캡쳐 (Event Capture) : 상위 요소에서 하위요소로 이벤트가 전달되는 특성 이벤트 위임 (Event Delegation) : 상위 요소에서 하위 요소의 이벤트들을 제어 event.stopPropagation() : 이벤트 전파 방지 이벤트 버블링의 경우, 클릭한 요소의 이벤트만 발생시키고 상위 요소로 이벤트를 전달하지 않음 이벤트 캡쳐의 경우, 클릭한 요소의 최상위 요소의 이벤트만 동작시키고 하위 요소들로 이벤트를 전달하지 않음 자식요소에서 부모요소의 이벤트 동작 안되도록 다 때려넣어봤다. tag_sp.addEventListener..

git rebase -i HEAD~3 Vim) 1. INSERT 모드 (i) / COMMAND모드(ESC) 2. pick→**reword** 3. 저장종료 :wq git push --force

더보기 Git, Github 사용법을 익힌다. 블로그를 배포한다. 마크다운 문서를 작성한다. 개인 블로그에 글을 올린다 1. 필수 강의 정리 스스로 기억하고 싶은 것만 기록 + 다양한 Merge 방법 Fast-Forward main branch의 Head Commit이 분리된 branch의 Head Commit 이후로 이동된다 단순하게 커밋 이동과 같은 효과이기에, merge commit 이력이 생기지 않는다 non-Fast-Forward 분리된 branch가 main branch의 모든 커밋정보를 갖고있지 않음 (main branch에 새로운 커밋이 있는 경우..etc) 병합하면 main branch 커밋 이력에 feature branch와 병합(merge)된 새로운 커밋으로 생성 gitflow 기본은..

본격 스터디 시작 전 이름만 들어본 개념들 후루룩 적어보기 Node.js 프레임워크 Express Koa Fastify FE 프레임워크 - SSR React - Next.js Vue - Nuxt Angular(ts 기본) 상태관리 라이브러리 redux, mobx zustand CSS css in css(css전처리기) - scss, sass css in js - styled-components 블로그 배포 heroku hexo gatsby vercel Netlify TypeScript : JavaScript superset convention : ESLint(js,ts), PMD(Java) Formatter : Prettier data-fetching library: React-Query 번들러 : We..

양식참고 https://smalldataguru.com/%ed%95%9c-%eb%8b%ac%ec%b0%a8-%eb%b3%b4%ea%b3%a0%ec%84%9c-%ec%a0%84-%ec%a7%81%ec%9e%a5%ec%9d%b8%ec%9d%98-%eb%af%b8%ea%b5%ad-%ed%86%b5%ea%b3%84%ed%95%99-%ec%84%9d%ec%82%ac-%eb%8f%84%ec%a0%84%ea%b8%b0/ https://libertegrace.tistory.com/entry/2022%EB%85%84-%ED%9A%8C%EA%B3%A0 2022년 회고 - 회사, 스터디, 사이드프로젝트, 개발 외 올해는 회사, 스터디, 사이드 프로젝트, 개발 외 적인 것으로 2022년을 정리해보고자 한다. 회고란 사전적 의..

더보기 [네트워크] 1강. 컴퓨터 통신망의 소개 [네트워크] 2강. 컴퓨터 통신의 기초 [네트워크] 3강. 컴퓨터 통신의 요소 [네트워크] 4강. 데이터 통신의 전송 기술(1) [네트워크] 5강. 데이터 통신의 전송 기술(2) [네트워크] 6강. 데이터 통신의 전송 기술(3) [네트워크] 7강. 컴퓨터통신망 구조 [네트워크] 8강. TCP/IP: 네트워크 계층 [네트워크] 9강. TCP/IP: 전송 계층 [네트워크] 10강. TCP/IP: 응용 계층 [네트워크] 11강. 근거리 통신망 기초 [네트워크] 12강. 근거리 통신망 모델 [네트워크] 13강. 네트워크 보안 기초 [네트워크] 14강. 네트워크 보안 기술 [네트워크] 15강. 최신 정보통신 기술 학습개요 포인트 3강: 데이터 교환망 4~6강: 오류..

1. 데이터베이스의 역할 1) 데이터 관리의 필요 데이터 관리 장치 대량의 데이터를 저장 및 관리하고 필요한 데이터를 신속히 검색할 수 있도록 보조하는 장치 IoT => Big Data => AI 데이터 단위 1PB = 1024TB 1TB = 1024GB 1GB = 1024MB 1MB = 1024KB 1KB = 1024byte 1byte = 8bit 2) 데이터 관리의 역사 컴퓨터 (1946) 저장장치 도입 (1956) 파일 처리 시스템 (1960초) IBM사 SQL (1970s) 데이터 웨어하우스 (1980s) 웹의 등장 (1990s) 클라우드 컴퓨팅 (2000중반) 빅데이터 분석 (2000말) IoT와 AI 등장 (2015~) 3) 파일 처리 시스템 (file processing system) 파일을..

215pg/ [TCP흐름제어] - 윈도우에는 수신 측의 수신 위도우과 송신 측의 폭주(송신) 윈도우, 두 가지가 있다 기본적으로 수신 측이 폭주 윈도우 크기를 조정해서 폭주 윈도우와 수신 윈도우 중 작은 쪽을 송신 윈도우로 채택하며, 이 범위 내에서는 ACK를 기다리지 않고 전송한다. 송신쪽은 수신 위도우 크기를 어떻게 알게 되는 걸까? 222pg/ [라우팅] - IP 패킷을 받은 라우터는 해당 IP패킷의 헤더에서 목적지를 확인해서 어디로 보내야 할지를 확인한다. 이때 사용되는 것이 **라우팅 테이블(경로표)**이라는 것이다. 서버나 라우터는 자신이 알고 있는 목적지 정보를 라우팅 테이블이라 하는 형태로 목록화한다. 라우팅 테이블은 사람이 직접 입력한 경로 정보나 자신의 서버에 설정된 IP주소로 파악할 ..