조금씩 천천히

주제: 자바스크립트 강의: 자바스크립트 부트캠프 날짜: 2018.11.05 강의자: 김민태님 prompt(), alert() - 함수, 모양을 보아도 함수. ()호출하고 있다. window.prompt() -> window객체에 있는 prompt메소드 window는 가장 상위에 있는 전역객체이기 때문에 생략이 가능. prompt의 반환값은 모두 문자열. 숫자입력도 문자열로 리턴한다. 내가 무엇인가를 만드려고 할 때 그림으로 그려보자(최대한 단순하게 그림으로 도식화하기) 문제가 여러개가 있고 사용자가 답을 입력하는 프로그램 만들기 문제1) 문제가 여러개다. -> 배열, 객체 여러개지만 문제에 각 이름은 필요없다 -> 배열(문제데이터) 답도 여러개다. -> 배열(정답데이터) 문제가 여러개가 들어있다. 문제를..

주제:자바스크립트 강의: 자바스크립트 부트캠프 날짜: 2018.10.31 강의자: 김민태님 ## 실행과 실행 흐름의 개념이해 문 - 값이 아닌것, 분기점을 만드는 것. 값은 바꿀수 없다. 10은 10일뿐 11이 아니다. A도 A일뿐 B가 아니다. 값자체는 바꿀수 없지만 값을 담은 상자(변수)에는 값을 넣었다 뺐다 하면서 비교한다. 마치 값이 바뀐것'처럼', 값은 상태라고 할 수 없다. 상태는 변할 수 있지만 값은 변할 수 없는 것이기 때문에. 상자(변수)가 생기면서 상태라는 것이 생김. age = age + 1; // 대입문, 값 =(문) 값(식) 제어문 / if문 - 참과 거짓이 나옴 ## 반복과 반복문 반복문 while - 원하는 상태동안. 참,거짓이 필요하다. 조건에 따라 한번도 실행 안할수도 있다..

주제: 자바스크립트 강의: 자바스크립트 부트캠프 날짜: 2018.10.29 강의자: 김민태님 ## 코드의 구성요소 예약어 - 자바스크립트가 자바스크립트로서 사용되기 위해 만들어진 단어. 이미 용도가 정해져 있는 단어. 예) do, if in for, let, new, try, case, else, null, this. true, break, catch, const, false 등... 기호 - /+-*()!{}=> 등... 식별자 - 예약어가 아닌 간단한 규칙에 준수하여 개발자가 필요해서 이름을 지어 사용하는 단어 -> 식별자 작성 규칙을 잘 알아두자 ## 자바스크립트 데이터와 상태 undefined - 정의되지 않은/ 자바스크립트에만 있다 number - 숫자, Infinity라는 예약어는 무한수를 의..

자바스크립트30(https://JavaScript30.com) - day1 을 만들면서 알게 된 내용들 -코드는 깃헙에 올려놓았고 JavaScript30 의 내용을 fork한 후 각 DAY폴더에 mywork.html을 만들어 작업하고 있다(start.html, finished.html은 손대지 않기!!!) ##currentTime; The HTMLMediaElement.currentTime property gives the current playback time in seconds. Setting this value seeks the media to the new time. 모질라에서 제공하는 docs에는 위처럼 설명이 나와있다. 짧은 영어로 이해한 내용을 정리하면, 'currentTime을 사용해서 시..

아이콘이 있는 버튼을 만드는 경우가 많다 하지만 만들때마다 아이콘을 이미지태그로 넣는 경우도 있고 버튼의 배경처리를 한다음 text-indent를 이용하기도 하는데 만들다보니 규칙도 없고 버튼 속 텍스트의 길이가 바뀌거나 버튼의 width가 넓어질때 등등 유연하게 대응하지 못할 경우가 많았다 그래서 두가지 종류의 버튼을 다시 만들어 보았다 흰색 버튼은 버튼의 width가 고정되어있고 글자가 길어져서 버튼의 텍스트가 떨어지더라도 아이콘이 항상 가운데에 위치할 수 있도록 만든 것이다 보라색 버튼은 최소 width가 있는 상태에서 글자 텍스트가 길어지거나 width가 100%가 되더라도 아이콘이 항상 텍스트 옆에 붙어있는 상태로 만들어졌다 이미지처럼 흰색 버튼의 텍스트는 버튼의 width가 정해져있어 텍스트가..

인프런을 열심히 듣다가 벨로퍼트님의 리액트 초급 강의를 끝으로 잠깐 쉬었다.바쁨에 극심한 더위로 인해 퇴근하고 집에 오면 아무것도 할 수 없었다(에어컨만 있고 설치를 안해서 올 여름을 선풍기로 버텼다ㅠㅠ) 극심한 무더위에 무기력증까지 더해져 인강을 한동안 듣지 않다가 날씨가 선선해지면서 다시 인강을 듣기 시작했다 현재 듣고 있는 강의는 두개!내가 듣고싶은 코드스쿼드의 강의가 있길래 냉큼 듣고 있다 #### 정호영님의 깃과 깃헙강의 회사에서 소스트리를 사용하고 있는데 정말 커밋, 풀, 푸시, 머지, 브랜치 생성 다 할 수 있지만정확히 모른 상태에서 '일을 위해' 배운 거라 정확한 깃 사용법을 익히기 위해 듣고 있다소스트리같은 gui툴이 아닌 cli 방식으로도 사용해 보고싶지만 우선 소스트리로 익숙해 진다음..

최근 작업을 하다가 position sticky라는 새로운 속성을 알게되었다position은 4가지만 있는줄 알았는데 아직 모르는 속성이 있었다니!그래서 정리해보는 position 속성 우선 position에는 총 5가지가 있다. static, relative, absolute, sticky 그리고 static을 제외한 4가지 속성은 각각 top, left, bottom, right를 사용하여 위치를 지정할 수 있다 #### position : static static 요소는 position속성을 지정하지 않은 기본적인 속성이다 1234567891011121314151617181920 div{ padding:10px; width: 500px; text-align: center; box-sizing: bo..

## 오늘한일벨로퍼트님의 리액트 초급 인강 완강~!!!기존에 인프런에서 듣던 java, jsp강의 2018년 버전이 나와 수강신청(언제 들을지는 모르겠다) ## 내일할일인사이드 자바스크립트 챕터03 읽기시작.

### 오늘한일인프런 벨로퍼트님 리액트 강의 - 배열다루기 복습인사이드 자바스크립트 읽음 ### 내일할일벨로퍼트님 리액트 강의 완강인사이드 자바스크립트 계속 읽기

### 오늘한일인사이드 자바스크립트 읽기 시작 ### 각오반드시 끝까지 읽으리