본문 바로가기

TIL

[TIL] 노마드코더 바닐라 JS 챌린지 DAY 1~DAY 11 보호되어 있는 글입니다. 더보기
[TIL-39] 노마드코더 크롬앱(JS) 클론코딩 #2.7~#2.10 #2 JS 기초 이론 function function은 코드를 캡슐화해서 여러 번 실행할 수 있게 함. 반복되는 작업 줄여줄 수 있음. 예) 여러 사람들에게 인사하는 말 출력 console.log("Hello my name is Nico"); console.log("Hello my name is Flynn"); console.log("Hello my name is Dal"); Hello my name is 는 반복되고, 뒤의 이름만 바뀜. 만드는 법 function 함수명() { 반복 실행될 코드 } { } 안의 코드들이 function 실행시킬 때마다 발생함. function sayHello() { console.log("Hello! My name is "); } 실행하는 법 : 함수명(argument.. 더보기
[TIL-38] 노마드코더 크롬앱(JS) 클론코딩 #2.2~#2.6 #2 JS 기초 이론 변수 console.log() : 콘솔에 메시지 보냄 ( ) 안에 숫자나 string 넣을 수 있음. 그럼 콘솔이 그 값을 출력함. 즉, 콘솔에 log, print 함. string을 입력할 때 " " 혹은 ' ' 맞춰서 쓰면 됨. 변수(variable) 여러 번 사용되는 특정 값을 변경하고 싶을 때 유용. 값을 저장하거나 유지하는 역할. const 변수명 = 값; constant(상수)는 바뀌지 않는 값. let 변수명 : 값; constant와 달리 바꿀 수 있는 변수. 한번 생성하고 나면 언제든 ("let" 쓰지 않고) 업데이트 할 수 있음. 업데이트한 다음에 쓴 코드부터 적용됨. 위에서 아래로 읽기 때문. 변수 정하는 방법이 다른 이유는 코드를 읽고 의도를 알 수 있기 때문... 더보기
[TIL-37] 노마드코더 크롬앱(JS) 클론코딩 #2.0~#2.1 #2 JS 기초 이론 자바스크립트 파일 시작하기 console 사용 자바스크립트는 브라우저의 console에 이미 있음. console에 의미있는 코드를 입력하면 바로 반응 볼 수 있음! function이라고 함. 근데 콘솔에 작성하는 건 긴 코드를 쓰기에 불편함. 한 줄만 쓸 수 있음. 그래서 자바스크립트 파일 만들어야 함. 하지만 그냥 js 파일을 브라우저에서 열면 실행 안 됨. 내용을 그대로 보여줌. css 파일도 마찬가지. 브라우저는 이런 식으로 실행하지 않음. 따라서 html에 연결해야 함. 브라우저는 html 열고, html이 css와 js 가져옴. css는 head에서 링크하고, js는 보통 body 맨 끝에 연결함. 브라우저에서 css와 js 2개의 엔진이 돌고 있는 것. 잘못된 코드를 쓰.. 더보기
[TIL-36] 노마드코더 코코아톡 클론코딩 자율 보충 프로필 페이지 user-component 이용해서 프사 배치. icon-row 이용해서 하단 구성. 채팅 클릭 시 chat 페이지로 넘어감. 애니메이션 상단바 빼고 위로 올라오면서 선명해지게. 더보기
[TIL] 노마드코더 코코아톡 클론코딩 챌린지 DAY 10~12 보호되어 있는 글입니다. 더보기
[TIL-35] 노마드코더 크롬앱(JS) 클론코딩 #1.0~#1.6 #1 INTRODUCTION 모멘텀 앱 클론코딩 로그인 : 사용자 누구인지 기억함. 시계 Geolocation : 내 위치 및 날씨 랜덤 배경사진 랜덤 명언 to-do 리스트 준비물 VSC, 크로미움 브라우저 왜 JS냐! 역사 : 95년에 만들어짐. 열흘만에 만들었다고(ㄷㄷ). 넷스케이프 때문에. 훌륭한 네비게이터. 넷스케이프라는 브라우저에는 HTML, CSS뿐이라 인터랙티브가 없었음. 그래서 만들어짐. 근데 인터넷붐! 아예 새로운 프로그래밍 언어를 사용하면 웹사이트들이 망가질 거라 있던 JS 계속 쓰기로 함. 고치고, 패치해서 계속 쓰게 됨. 프론트엔드의 유일한 프로그래밍 언어! 앞으로도 항상 JS를 쓸 것임. 모든 컴퓨터에 JS가 내장되어있음. 브라우저에 따로 다운받을 필요 없음. 하지만 그래서 무조.. 더보기
[TIL-34] 노마드코더 코코아톡 클론코딩 #6.39~#7.0 (완강) 보호되어 있는 글입니다. 더보기

티스토리툴바