Small Step

자바스크립트에서는 Function(함수)의 역할이 되게 중요하다. 입력값을 받고 함수에 따라 원하는 결과를 출력한다. 그래서 함수에는 INPUT과 OUTPUT이 있는 게 특징이다. subprogram이라고 불릴 정도로 신경 써서 제작하는 게 좋다. 이 함수는 여러 번 사용할 수 있다는 장점이 있다. 하나의 함수는 한 가지의 일만 하도록 만들어야 한다. 함수의 이름을 정하기가 너무 어렵다면 이 함수가 너무 많은 일을 하는 건 아닌지 확인해 보면 좋다. 자바스크립트에서 함수는 객체이다. 객체로 간주되기 때문에 변수에 할당할 수도 있고 파라미터로 전달할 수도 있다. 함수의 선언 방법은 다음과 같다. function name(parameter) { body return ; } 함수의 이름, 함수로 전달될 파라미..

youtu.be/YBjufjBaxHo 이 영상을 보고 공부했습니다. 복습 Variable rw(read, write) 읽기 쓰기 가능 Const r(read only)읽기만 가능 primitive타입의 변수는 메모리에 그대로 저장된다. object는 너무 커서 메모리에 그대로 저장될 수 없어서 레퍼런스를 통해서 메모리의 위치를 가르킨다. immutable 변경이 불가능한 데이터타입들 mutable 변경이 가능한 데이터타입들 기본적으로 자바스크립트에서는 대부분의 object들은 변경이 가능하다.(mutable data type) 연산자 Operator String concatenation 문자연결 //1. String concatenation console.log('my' + ' cat'); console..

이런 식으로 한 줄에 사진을 2개 넣는 방법을 알아보겠습니다. 이걸 활용하면 2개, 3개, 원하는 만큼 넣을 수 있습니다. 먼저 원하는 사진을 불러옵니다. 이제 사진 하나를 사진 옆에 빨간색 선이 표시될 때까지 드래그해줍니다. 이렇게 하면 사진 2개가 한 줄에 넣어지게 됩니다.

티스토리 블로그에서 전체 글수를 표기하는 방법을 알아보겠습니다. 먼저 이렇게 맨 위에 전체글수가 표시되어있지 않습니다. 이걸 전체글수가 표기되도록 바꿔보도록 하겠습니다. 먼저 카테고리 관리에서는 이 설정에 대한 내용이 따로 없습니다. 그러니 직접 html을 바꿔서 표시해봅시다. 티스토리 꾸미기에 스킨편집, html 편집을 들어가 줍시다. html 편집에서 css에 들어가 주고 Ctrl(컨트롤) + F를 눌러 "category"를 검색해줍니다. Square 스킨을 기준으로 #slider라고 쓰여있는 곳을 찾고 display : none;이 있는 곳을 찾습니다. display : none:를 다음과 같이 바꿔줍니다. block; padding: 10px 2px; border-bottom: 1px solid ..

youtu.be/OCCpGh4ujb8 이 영상을 보고 공부했습니다. 변수 Variable 자바스크립트 ES6부터는 let키워드를 사용하여 변수를 만든다. let myname = 'small_step'; Block Scope 블럭을 이용하여 코드를 작성하면 블럭안의 코드를 볼 수 없다. { let myname = 'hello'; console.log(myname); myname = 'vayne'; console.log(myname); } console.log(myname); 다음과 같이 블럭안에 선언된 변수를 호출하면 console.log가 되지 않는 모습이다. 블럭안에 있지 않고 밖에 선언된 변수를 global scope라고 한다. 어느 곳에서 나 접근이 가능하다. 글로벌한 변수들은 메모리에 계속 남아있..

오늘은 이렇게 올라오는 제목을 만들어 보겠습니다. youtu.be/hkeKF3Amr9o youtu.be/rg6Iue8bYT4 이 영상을 보고 공부했습니다. 새 컴포지션 먼저 에펙의 시작 새컴포지션을 만들어 줍니다. 5초에 정도에 컴포지션을 만들어 줍니다. 막대 만들기 먼저 중앙에 있는 선을 만들겠습니다. 영상에 나온 말인데 무언가를 할 때 방법이 꼭 그것만이 있다는 것은 아니라고 합니다. 정해진 방법이 있는게 아니라는 말이 정말 와닿네요. 솔리드레이어를 만들어 줍니다. 사각형 도구를 선택하고 원하는 크기의 선만큼 드래그 해줍니다. Alt키를 누르고 사각형을 가운데로 옮겨 줍니다. 스케일에 있는 고리모양을 해제하고 스탑워치를 눌러줍니다. 키프레임을 만들어 준 후 스케일의 가로가 0%에서 100%가 되도록 ..

도선생님의 신경론 youtu.be/HvefpOiQfCo?t=2736 먼저 이 영상 45분 36초에 나옵니다. 먼저 도선생님은 우리의 신경의 총량이 정해져있다고 합니다. 이 신경은 라인전을 할 때, 맵을 볼 때, cs를 먹을때등등 모든행동에 적당하게 배분됩니다. 만약 제 신경이 100있고 제가 라인전에 100만큼 쓰고 있다고 합시다. 그러면 맵을 보는등 다른행동에 신경을 쓰지못해 갱을당해서 죽을 수 있죠. 도선생님에 의하면 라인전은 다음과 같이 구성된다고 합니다. 1. 미니언을 먹기위해 막타를 쳐야한다. 2. 상대도 미니언막타를 치니 막타를 칠 때 나는 견제를 한다. 3. 견제를 하는 상대를 피한다. 이런 과정이 라인전의 기본이고 여기서 파생된 행동을 한다고 합니다. 그래서 우리가 원챔, 투챔을 하면 그 ..

Visual Studio Code 글꼴 바꾸기 비주얼 스튜디오 코드에서 글꼴과 글꼴크기를 바꾸는 방법을 알아보겠습니다. 먼저 설정을 열어줍니다. 설정에서 Text Editor에 Font를 들어가줍니다. 글꼴 크기를 바꾸고 싶으면 Font Size에 숫자를 바꾸고 글꼴 종류를 바꾸고 싶다면 Font Family에 Consolas, 뒤에 '(작은따옴표)'로 글꼴이름을 적어주면 됩니다. 저는 나눔 고딕 코딩글꼴을 사용하기 위해서 'D2Coding'를 입력해놓았습니다. 이렇게 해서 Visual Studio Code에서 글꼴을 바꿀 수 있습니다.