본문 바로가기
반응형

코딩공부

 (6)
[노마드코더] 바닐라 JS 2/ 백틱! 과거 자바스크립트는 다음과 같은 방식으로 코드를 작성했다. 바로 내가 생활코딩에서 배웠던 방식이다! 이 방식에서 문자열은 ' '든, " "든 같았다. 여기에 새로운 방식이 추가되었는데 바로 저 ``백틱이라는 것이다. 맥 키보드에는 눈을 씻고 찾아봐도 없었다. 알고 봤더니 백틱은 이미 죽은 키로.. option + ₩ 을 누르면 입력할 수 있다. ``을 이용해, 위의 코드를 다음과 같이 보다 편하게 만들어줄 수 있다. function sayHello(name, age){ console.log(`Hello ${name} you are ${age} years old`); } 이렇게! 이번에는 greetNicolas라는 새로운 변수를 선언해서 이 함수를 실행해보겠다. greetNicolas는 sayHello 함..
[생활코딩] Javascript 객체(object) 쓰기와 읽기 함수 퀵 리뷰 function 함수이름(매개변수1, 매개변수2,...) { 함수가 호출되었을 때 실행하고자 하는 실행문; } 1. 객체 쓰기 2. 객체 읽기 3. 객체에 추가하기 4. 띄어쓰기 있는 객체 추가하고 읽기 for(var key in coworkers) { document.write(key+':'+coworkers[key]+' '); } (Array 배열 기초 참고: http://tcpschool.com/javascript/js_array_basic) 객체에 소속된 함수 = method 객체에 소속된 변수 = property 위의 내용으로 치면, coworkers에 걸려있는 함수인 function(){ }에 해당하는 내용이 바로 method이고, coworkers에 걸려있는 변수인 progra..
[생활코딩] 배열과 반복문의 활용 / 함수의 기본, 매개변수와 인자, 출력 배열과 반복문의 활용 함수 이렇게, 위에 two라는 이름의 함수를 지정해줬고, 이후에 two()라고만 적어주면, 길게 코드를 반복해줄 필요없이 해당 함수를 실행 시킬 수 있다! 매개변수와 인자 parameter & Argumnet 입력(매개변수)과 Parameter & Argument(인자) function sum(left, right){ document.write(left+rigth+' '); } 태그 안에서 함수의 내용을 위와 같이 정의해준다. sum(2,3); sum(3,4); 이렇게 실행시켜주면 왼쪽의 화면처럼 5와 7이 산출된 것을 볼 수 있다. 출력 Return 출력을 이용하면, 단순 덧셈 뿐 아니라, 더 추가적인 다양한 요소들을 출력해야할 때 유용하다. 이전에는 다음과 같은 방식으로 함수를 ..
[생활코딩] javascript - 배열과 반복문 배열 반복문 반복문은 while을 이용해주는 것! i=0 이라는 변수를 먼저 지정해주는 것이다. i
[Html] ol, ul, li 사용방법 간단 메모 기본형 목록 만들기 태그 .... 이런식의 목록이 형성된다. 순서형 목록 만들기 태그 .... 1. 2. 3. 이런 식의 목록이 형성된다. 이때, 목록의 타입을 바꿔줄 수 있다. 태그의 Type 속성 속성 값 설명 1 숫자(기본 값) a 영문 소문자 A 영문 대문자 i 로마숫자 소문자 I 로마숫자 대문자 타입이 1일 경우는 작성하지 않아도 디폴트 값이다. 다른 타입으로 목록을 만들어주고 싶으면 다음과 같이 코드를 작성한다. a b c ol type을 a 로 지정한, 위와 같은 경우, a. a b. b c. c 이런식으로 출력된다. unordered와 ordered라는 용어의 차이로 태그의 이름이 지정되지 않았나 싶다.
중간점검_Reset my Coding Roadmap Where Am I? and What do I need? 지금까지 [생활코딩]의 WEB1_html&Internet -> WEB2_CSS의 기본을 공부했는데, 퍼블리셔가 되고 싶은 것은 아니기에 개발 뒷단의 과정을 이해해보고자 한다. 깃허브에 지금까지 공부하면서 나름대로 push 하면서 했다. 두 가지 language를 사용했다. 너무 미약하여 차마 commit contribution은 옮길수가..좀 더 분발해서 나중에 올려보도록 하겠다. 앞으로는 이런 순서로 [생활코딩] 강의를 열심히 또 들어보고자 한다. My Coding Roadmap 잘해보장!
728x90
반응형

티스토리툴바