👩‍💻 알고리즘/🖥️ FE 6

[바닐라 JS] 노마드코더 #2.5

데이터를 어떻게 하면 최선의 방법으로 정리할 수 있는지가 컴퓨터 과학에 있어서 아주 중요한 방법이다. arrays는 []과 ,를 사용한다 const daysOfWeek = ["mon", "tue", "wed", "thu", "fri", "sat", "sun"]; console.log(daysOfWeek[4]); ->daysOfWweek의 배열에서 4번째를 불러온다. const dayOfWeek = ["mon", "tue", "wed", "thu", "fri", "sat"]; console.log(dayOfWeek); dayOfWeek.push("sun") ->array에 sun을 추가한다. console.log(dayOfWeek);

[바닐라 JS] 노마드코더 #2.4

오늘은 boolean에 대해 배웠다. boolean은 참과 거짓을 표현할 때 사용한다. 사용자가 로그인을 했는지, 비디오가 재생되고 있는지, 웹사이트가 로딩되고 있는지 등에 사용한다. const amIFat = true; /* true라고 적어야 한다. "true"라고 적지 않는다. "true"는 string */ null은 변수 안에 아무것도 없다는 것을 뜻한다. 값은 있는데, 아무것도 없는 상태이다. undefined는 변수는 존재하는데, 정의되지 않은 것이다. 메모리 안에 공간은 차지하나, 값이 들어가지 않은 것이다. 문자가 아닌 타입이다. const amIFat = null; let something; console.log(something); 가장 중요한 건, null은 절대 자연적으로 발생하지..

[바닐라JS] 노마드코더 #2.3

변수를 만들 땐 const를 사용한다고 했다. 추가로 let도 사용 가능하다. let a = 5; let b = 2; 이런식으로 사용하면 된다. const와 let의 차이점은 뭘까? const는 constant(상수)이고, 값이 변할 수 없다. 하지만 let은 후에 다시 업데이트할 수 있다. const a = 5; const b = 2; let myName = "yeon"; console.log(a + b); console.log(a * b); console.log(a / b); console.log("hello "+ myName ); myName = "yong"; console.log("your new name is "+ myName); 나중에 업데이트될 myName 변수를 const로 선언하면 에러가..

[바닐라JS] 노마드코더 #2.2

변수에 대해 배웠다. 파이썬이나 c랑은 다른 문법! 변수 지정할 땐 const를 사용한다. 변수에 띄어쓰기가 필요할 경우, 띄어쓰기는 빼고, 띄어쓰기 다음 문자를 대문자로 쓴다. ex) my name (x) myName (o) 이런 방식을 camelCase라고 한다. (낙타 등 모양) 파이썬에서 사용하는 띄어쓰기 방식은 snake_case (뱀 모양) 이라고 부른다. 콘솔 창에 값을 불러올 땐 console.log(어쩌고); 형태(문법)를 사용한다. const a = 5; const b = 2; const myName = "yeon"; //camelCase (낙타등모양) //very_long_variable_name 파이썬 방식 snake_case (뱀모양) console.log(a + b); conso..

[바닐라JS] 노마드코더 #2.0 ~ #2.1

HTML은 접착제 역할을 한다. 자바스크립트와 CSS파일은 브라우저로 여는 것이 아니다. HTML 파일을 브라우저에서 여는 것이다. 그리고 HTML 파일이 CSS와 자바스크립트 파일을 불러오는 것이다. CSS와 자바스크립트는 파일을 연다고 실행되지 않는다. 데이터의 형태는 크게 두 가지. 1. 숫자 2. 문자 그리고 숫자는 integer형과 float형으로 나뉜다. integer형과 float형은 더할 수 있다. ( 연산 가능하다 ) 문자는 "블라블라 "형태로 써야 컴퓨터가 알아듣는다. "my name is yeon" 은 string(문자열)이다.

[바닐라JS] 노마드코더 #1~#1.6

FE(CSS,HTML,JAVASCRIPT) 공부 시작! 나는 노마드 코더님의 무료 강의인 '바닐라 JS로 크롬 앱 만들기' 코스를 선택했다. https://nomadcoders.co/javascript-for-beginners/lobby 이 강의 코스의 목표는 1. 시계 만들기 2. 사용자 이름 기억하게 하기 3. 투두리스트 구현 4. 배경사진 무작위 변경 5. geolocation 좌표 따내기 -> 사용자가 있는 지역을 파악하고, 날씨도 파악하기 라고 한다. 자바스크립트가 이제 프론트엔드 말고도 백엔드 작업까지 할 수 있다고 한다. react 프레임워크를 사용하면 3D 웹페이지를 만드는데 용이할 수 있다.