이것 저것 공부/프론트엔드 백엔드 몰입교육 (13) 썸네일형 리스트형 입출력/파일입출력/parse argument/repl/docker/포트 포워딩 12일차 비동기 프로그래밍 동기식 하나가 끝나면 다른 하나가 시작 비동기식 하나가 끝날 때까지 기다리지 않고 다른 일을 시작 Node js는 쓰레드가 없어도 비동기가 가능 비동기를 효율적으로 하느냐 안하느냐가 중요한 것이지 쓰레드의 유무가 중요한 것이 아니다. 서버에서 비동기 처리 실력이 중요하다. stdio process.stdin process.stdout process.exit process.stdin.resume() //keyboard process.stdin.setEncoding('utf-8') const util = require('util') process.stdin.on('data', function(text){ console.log(`echo : ${text}`); console.log(`echo.. JAVASCRIPT 8일차 자바스크립트를 처음 하는 날이라 가장 기초적인 타입부터 조건문, 반복문 등에 대해 배웠는데 타 언어를 미리 알고 있으시다면 크게 부담되지 않을 것 같다. 나 역시 이미 어느정도 안다는 생각때문인지 집중이 잘되지 못한 것 같다. 자바스크립트 작성 위치 1. HTML 태그의 이벤트 속성에 작성 2. 그러나 이러한 경우에는 script 태그의 위치가 어디든 위치할 수 있지만 동작을 하기 위해서는 그 위치가 중요하다. 웹 브라우저가 웹 문서를 읽는 과정 HTML 파싱 DOM 트리 생성 Render 트리(DOM tree + CSSOM 트리 결합) 생성 Display 표시 만약 중간에 script 태그를 만나면 파싱을 중단하고 javascript 파일 및 코드를 로드한 후에 파싱을 완료하기하고 이후 남은 HTML .. 트랜지션과 애니메이션(7일차) 7일동안 09:00~18:00 css, html을 적용하는 것에 대해 배웠으며, css 우선순위와 정렬같은 것이 적용되고 안되고 파악하는 것이 쉽지만은 않았다. 이전 1~6일차는 주말을 이용해서 차근차근 다시 정리하면서 복습해볼 것이다. 트랜지션과 애니메이션 13 요소의 속성값이 변화하면 효과가 바로 나타나는데, 트랜지션과 애니메이션을 사용하면 일정 시간(duration)에 걸쳐 나타나게 할 수 있다. 변형(transform) 2차원 변형, 3차원 변형이 있으며 가상 클래스와 함께 사용하는 것이 일반적이다. 2차원 변형 웹 요소를 평면으로 이동 수평(x) 또는 수직(y) 방향으로 이동하거나 왜곡 CSS에서 (0, 0) 좌표는 왼쪽 상단 3차원 변형 웹 요소를 공간으로 이동 수평(x) 또는 수직(y) 방향.. 이전 1 2 다음