생활코딩 [CSS] CSS등장 이전의 상황, CSS의 등장 CSS등장 이전에는 일반 태그와 같은 font 태그를 이용했는데 이렇게 되면 제목이라는 정보를 담고있는 h1, 하이퍼 링크가 연결됐다는 정보를 담고 있는 a태그와 구분이 안감. 태그니까 다 똑같이 생김! -> 스타일의 경우는 다른 방식이 필요하겠구나! 다른 표현 방식의 필요성을 느낌. 내용 무시 태그 웹브라우저>html 기본적으로 우리가 쓴 코드들 그니까 이런것들이요 을 html로 인식함! ... 생활코딩CSSCSS [CSS] CSS의 기본문법, 혁명적 변화 이전에 배운 스타일 태그를 통해 여러개를 한번에 수정할 수 있었다. 그치만 그중 한 단어만 수정하고 싶다면? 위에 스타일 태그 내에선 개별 수정이 불가능하다. 그럼 어떻게? a태그에다가 직접 css 코드를 넣는다! coloer:red 이런 식으로! 근데 이렇게 하면 웹브라우저는 이 코드가 html인지 css인지 알 수 없다. 그래서 해당 문구만 효과를 주고싶으면 이런 식으로 수정하고 싶은 단... 생활코딩CSSCSS 문서의 구조와 슈퍼스타들 정보가 너무 많아! 정리를 해야돼! ->구조가 필요하다. 내가 만든 웹 페이지가 표시되고있는 웹 브라우저의 탭을 살펴보자. 어우 부끄러 파일명이 곧 제목이 된다... ->제목을 지정하자! title태그를 사용하자. 특히 title태그는 검색엔진이 웹 페이지를 분석할 때 가장 중요하게 생각하는 태그임 ->안쓰면 겁나 손해다 적용하면 이렇게 출력된다! 그리고 영어가 아닌 문자로 웹페이지를 만들면... 생활코딩htmlhtml 최후의 문법 속성과 img 태그의 심화된 문법 속성(attribute) 이미지 넣는 태그의 이름은 img(image) 태그만으론 정보가 부족하다! 새로운 문법을 도입하자! 속성 img태그에 source의 줄임말 src를 붙여보자. src라는 속성을 통해 이미지를 불러올 수 있다! 이미지의 크기 조절은 width로 조절 가능하다. width의 값으로 숫자 또는 %를 사용하면 원하는 크기로 조절 가능하다. 홈페이지 근황.... 생활코딩htmlhtml [JS] 14_04강 arguments arguments argument란? : 함수 내부에서 사용할 수 있도록 그 이름이나 특성이 약속되어 있는 객체 : 배열과 비슷하지만, 배열은 아니다! (유사배열) cf. 매개변수(parameter) vs 인자(arguments) 매개변수의 수 함수명.length : 함수에 정의된 인자 수 arguments.length : 함수로 전달된 실제 인자의 수... JavaScript생활코딩JavaScript [JS] 14_05강 함수의 호출 함수의 호출 1) 함수 sum = Function이라는 객체의 인스턴스 즉, func는 객체 Function이 가지고 있는 메소드들(apply 등)을 상속하고 있음 ⇒ 객체 Function 의 메소드인 apply 호출 가능 : sum.apply(o1) 호출 시, 암시적으로 var this = o1;이 호출됨 : sum.apply(o2) 호출 시, 암시적으로 var this = o2;이 호출됨... JavaScript생활코딩JavaScript 부모 자식과 목록 여기서 p 태그는 부모 태그, a태그는 자식 태그라고 부른다. ->종속되어있는 하위 태그를 자식이라 부르고, 그 상위 태그를 부모라고 부른다. 근데 a 태그는 꼭 p태그의 자식이어야 하는것은 아니다.(반대도 마찬가지) 필요에 따라 관계가 달라질 수 있다. 그런데 몇몇 태그들은 부모-자식 관계처럼 고정된 관계인 태그들이 있다. 예시들로 살펴보자. 목차를 표시할때 HTML CSS JavaScri... html생활코딩html HTML 태그의 제왕 HTML의 약자 HyperText Markup Language의 HyperText에 해당하는 anchor의 앞글자를 딴 "a"태그 정보의 바다에 정박한다는 표현으로도 해석이 가능하다! a태그를 사용하면 해당 문구에 링크를 걸 수 있다. 여기서 href는 HyperText Reference의 약자이고 target="_blank"는 링크를 클릭했을 때 새창에서 페이지를 열리게 하는 속성이다. t... html생활코딩html 생활코딩 React 2022 개정판 1일차(2) 4.컴포넌트 만들기 1.컴포넌트 만들기 function 이름() { //※ 컴포넌트명은 무조건 대문자로 시작 해야한다. //return 필수 결과!! 5. props 사용해보기! 리액트에서 prop은 속성을 의미합니다! 예를 들어서 Header 컴포넌트에서 제목부분을 변경하고 싶을 때 어떻게 하면 좋을까?? Header 컴포넌트에 props를 지정해서 변경하는 방법 결과 반복문을 통해서 li... 생활코딩TILTIL 생활코딩 React 2022 개정판 1일차 1. React란??? 이 코드를 사용자 정의 태그를 만드는 것이 핵심이다. 2. 실습 환경 구축 리액트 사이트 먼저 node.js를 설치 해주어야 합니다. Node.js 사이트 설치가 끝나면 vscode를 열어줘서 폴더를 지정해주기! 터미널을 열어서 npx create-react-app 폴더이름 완성되면 이렇게 폴더가 생긴다 리액트 한번 실행해보기! npm start // 리액트를 실행하는... 생활코딩TILTIL 생활코딩 리액트 2일차 7.state prop과 State의 차이점. →prop은 컴포넌트를 사용하는 외부자를 위한것 state는 컴포넌트를 사용하는 내부자를 위한것. 특정 모드일 때 컴포넌트를 바꿔보자. State를 사용해보자 useState를 import 해주기 import { useState } from "react"; useState에 값 주기. const [mode, setMode] = useState('... 생활코딩TILTIL 생활코딩 리액트 3일차 9.Update Update기능은 Create와 Read기능이 둘다 되야 합니다. 먼저 Read 기능을 해봅시다..! Read 기능 mode가 read일 때 update를 누르면 mode가 update로 변경. 코드 그럼 mode가 update일 때는 어떤 기능이 일어날까요?? mode가 Update일 때 기능 return을 통해 화면에 출력 결과.... 생활코딩TILTIL 생활코딩 리액트 4일차. Delete 삭제를 하기 위해서는 Read기능안에 삭제기능을 넣어주면 됩니다. 기능 순서 1. 항목을 선택해서 값을 가져온다 2. 삭제 버튼을 누른다. 3. 선택한 값이 삭제된다. 삭제코드 결과 삭제 전 결과. 삭제 후 결과.... 생활코딩TILTIL [Java] Make my App : Variable, Input → 결과 AccountingApp 프로젝트 & Class 만들고 시작 Edit → Find/replace → Replace All : 기존에 있던 숫자 한번에 바꿀 수 있음. -> 결과 : Extract Local variable : 한번에 변수 변경 가능한 기능 변경하고 싶은 숫자에 오른쪽 클릭 → Refactor → Extract Local variable → Variable name에 ... Java생활코딩TILreviewJava [Java] How to read Java document class : 하나의 프로그램. 서로 연관 된 것을 모은 것. package : class를 그룹화한 것 Class = directory : 서로 연관 된 변수와 Method 들을 모아서 이름을 붙이는 것 Math : 3.14 값을 찾고 싶을 때 수학과 관련 된 작업을 할때 쓰는 명령어 Math.PI : 3.14 값을 찾고 싶을 때 Math.floor : ‘1.6’의 입력값을 잘라서 보여주고... Java생활코딩TILreviewJava [ 생활코딩 ] prototype vs proto 함수는 자바스크립트에서 객체이다. 객체이기 때문에 property를 가질 수 있다. 예를 들어, Person이라는 함수(=객체)를 만들어보자.👇 이렇게 함수를 만들면 Person과 Person's prototype이라는 2개의 객체가 생성된다. 이 2개의 객체는 서로 연관되어있다. Person안에 prototype이라는 property가 있고, 이는 Person's prototype이라는 객... JavaScript생활코딩JavaScript React 웹앱 구현하기 (생활코딩) 이는 로컬 컴퓨터에서 공간을 낭비하지 않고, 가장 최신의 프로그램을 사용할 수 있다는 장점이 있다. 맨 처음에 create-react-app을 통해서 리액트 프로젝트를 생성하게 되면 node_modules, public, src 폴더와 여러 json 파일들이 생성이 된다. 이 때 public 폴더에 index.html 파일이 있는 걸 볼 수 있을 것이다. 이 index.html 파일은 일종의... JavaScriptreactjs생활코딩CSSfrontendhtmlCSS [js]HTML & JS 사용자와 상호작용 ex) 사용자가 night 버전을 클릭했을 때 바꿔줌 web 페이지는 한 번 표현되면 자기 자신을 바꿀 수 있는 방법이 없는데 JS가 바꿔줌! JS는 HTML을 제어하는 언어 : 이런 특성이 웹페이지를 더 동적이게, 다이나믹하게 만드는 것! HTML은 정적이기 때문에 1+1은 그대로 1+1이 나오고, JS는 동적이기 때문에 2가 나온다. HTML에서 JS임을 알려주기 위해서... JavaScript생활코딩jsJavaScript 머신러닝 야학 1일차 결정 결정 = 비교 + 선택 집으로 가는 길: 500m vs. 같은 물건: 5000원 vs. 비교하기 어려울 때 대소관계 파악 어려운 경우 비교 대상이 너무 많은 경우 무게, 속도 면에서 뛰어난 A vs. 인류의 결정 능력 향상 더 빠르고 정확한 결정을 할 수 있도록 돕는다 머신러닝에 필요한 능력 머신러닝으로 문제를 해결해보고 난관에 봉착했을 때, 코딩과 수학을 배워보도록 하자 🤖 Teach... 머신러닝 야학생활코딩모델ML머신러닝ML [TIL] 생활코딩 WEB2-JS (21.08.10) 프로그램은 '순서'의 의미를 포함하고 있다. 그런 의미에서 JS는 프로그램언어다. JS에서 왼쪽과 오른쪽를 비교해서 boolean값을 도출하는 이항연산자는 '==='이다. 🤷🏻♂️❓ while문 안에 따옴표가 왜 저렇게 쓰이는지, coworkers[i] 양 쪽에 왜 +가 쓰이는지 정확히 이해가 안됐었는데 댓글을 통해 해결 할 수 있었다. 🙆🏻♂️❗ 댓글: write() 명령의 괄호 안에 ... JavaScriptTIL생활코딩JavaScript CSS의 등장, 효용, 기본 문법, 속성, 선택자 → 정보를 나타내는 코드와 그렇지 않은 (디자인을 나타내는) 코드가 섞여 웹 페이지가 정보로서의 가치를 상당히 잃게 될 수 있음 📌 HTML 주석 처리 → 웹 브라우저는 기본적으로 코드를 HTML이라고 여김 → 해당 웹 페이지에 있는 a 태그에 대해 font color를 red로! 📌 위 코드에서 a: 선택자 → 중괄호{} 안의 효과(declaration)를 웹 페이지에서 어떤 태그에게 줄 ... WEB2생활코딩웹WEB2 생활코딩 javascript 6강 데이터타입(문자열과 숫자) 컴퓨터 프로그래밍에서는 데이터를 처리하는것이 아주 중요한 일이다 그렇기 때문에 컴퓨터에서는 데이터를 잘 처리하기 위해서 종류별로 데이터를 잘 분류하기위해 많은 노력을 하고있다 javascript라는 컴퓨터 언어에 어떤 형태의 데이터들이 있는가 살펴보자! 데이터 타입에는 6개가 있고 객체가 별도로 있다 오늘은 number 숫자 string 문자열 비교적 익숙한 데이터 타입을 통해 데이터 타입이... JavaScript생활코딩JavaScript Java_생활코딩-2021.11.11 import java.lang.*; System: 클래스 out: 클래스의 필드(변수), 객체 (필드가 메소드 가짐), static (System을 인스턴스화한적이 없음에도 불구하고 필드 out에 접근할 수 있음 println: 메소드 java.lang: 자바 프로그래밍을 하기 위해서 필수적인 클래스들을 모아둔 패키지 (자동으로 로딩) API: 시스템을 제어하기 위해서 자바에서 제공하는 명령... APIinterfaceJavaabstract생활코딩final접근제어자API 생활코딩 javascript 24~27강 함수의 문법, 입력-매개변수(parameter)와 인자(argument), 출력(return) 함수(function)라는 도구의 사용법을 살펴보자 코드가 많아지면 코드를 잘 정리정돈하기 위한 도구가 필요하다 input 이라는 코드가 하나 있고 이렇게 코드를 짜게되면 이 코드의 이름을 nightdayhandler이라는 이름으로 지정하고 싶은 것 이고 중괄호 안에 반복하고 싶은 코드를 붙여넣어주면 된다 이렇게 반복하고 싶다면 반복하고싶은 코드를 중괄호 안에 입력과 출력에 해당되는것이 함수... JavaScript생활코딩JavaScript 생활코딩 javascript 23강 배열과 반복문의 활용 배운 배열과 반복문을 야간모드일때는 링크들이 밝게 나타나고 주간일때는 어둡게 나타나도록 투입해보자 검사를 통해 웹페이지에 있는 모든 a태그를 가져오려고 할때 querySelector 라고 하는 함수는 a태그에 해당되는 태그중 첫번째에 해당되는것만 가져온다 검색 결과 querySelectorAll을 사용하는 것 같으면 다시 검색을 해서 어떤 문법으로 쓰고 어떻게 사용하는지에 대한 설명을 찾아보... JavaScript생활코딩JavaScript
[CSS] CSS등장 이전의 상황, CSS의 등장 CSS등장 이전에는 일반 태그와 같은 font 태그를 이용했는데 이렇게 되면 제목이라는 정보를 담고있는 h1, 하이퍼 링크가 연결됐다는 정보를 담고 있는 a태그와 구분이 안감. 태그니까 다 똑같이 생김! -> 스타일의 경우는 다른 방식이 필요하겠구나! 다른 표현 방식의 필요성을 느낌. 내용 무시 태그 웹브라우저>html 기본적으로 우리가 쓴 코드들 그니까 이런것들이요 을 html로 인식함! ... 생활코딩CSSCSS [CSS] CSS의 기본문법, 혁명적 변화 이전에 배운 스타일 태그를 통해 여러개를 한번에 수정할 수 있었다. 그치만 그중 한 단어만 수정하고 싶다면? 위에 스타일 태그 내에선 개별 수정이 불가능하다. 그럼 어떻게? a태그에다가 직접 css 코드를 넣는다! coloer:red 이런 식으로! 근데 이렇게 하면 웹브라우저는 이 코드가 html인지 css인지 알 수 없다. 그래서 해당 문구만 효과를 주고싶으면 이런 식으로 수정하고 싶은 단... 생활코딩CSSCSS 문서의 구조와 슈퍼스타들 정보가 너무 많아! 정리를 해야돼! ->구조가 필요하다. 내가 만든 웹 페이지가 표시되고있는 웹 브라우저의 탭을 살펴보자. 어우 부끄러 파일명이 곧 제목이 된다... ->제목을 지정하자! title태그를 사용하자. 특히 title태그는 검색엔진이 웹 페이지를 분석할 때 가장 중요하게 생각하는 태그임 ->안쓰면 겁나 손해다 적용하면 이렇게 출력된다! 그리고 영어가 아닌 문자로 웹페이지를 만들면... 생활코딩htmlhtml 최후의 문법 속성과 img 태그의 심화된 문법 속성(attribute) 이미지 넣는 태그의 이름은 img(image) 태그만으론 정보가 부족하다! 새로운 문법을 도입하자! 속성 img태그에 source의 줄임말 src를 붙여보자. src라는 속성을 통해 이미지를 불러올 수 있다! 이미지의 크기 조절은 width로 조절 가능하다. width의 값으로 숫자 또는 %를 사용하면 원하는 크기로 조절 가능하다. 홈페이지 근황.... 생활코딩htmlhtml [JS] 14_04강 arguments arguments argument란? : 함수 내부에서 사용할 수 있도록 그 이름이나 특성이 약속되어 있는 객체 : 배열과 비슷하지만, 배열은 아니다! (유사배열) cf. 매개변수(parameter) vs 인자(arguments) 매개변수의 수 함수명.length : 함수에 정의된 인자 수 arguments.length : 함수로 전달된 실제 인자의 수... JavaScript생활코딩JavaScript [JS] 14_05강 함수의 호출 함수의 호출 1) 함수 sum = Function이라는 객체의 인스턴스 즉, func는 객체 Function이 가지고 있는 메소드들(apply 등)을 상속하고 있음 ⇒ 객체 Function 의 메소드인 apply 호출 가능 : sum.apply(o1) 호출 시, 암시적으로 var this = o1;이 호출됨 : sum.apply(o2) 호출 시, 암시적으로 var this = o2;이 호출됨... JavaScript생활코딩JavaScript 부모 자식과 목록 여기서 p 태그는 부모 태그, a태그는 자식 태그라고 부른다. ->종속되어있는 하위 태그를 자식이라 부르고, 그 상위 태그를 부모라고 부른다. 근데 a 태그는 꼭 p태그의 자식이어야 하는것은 아니다.(반대도 마찬가지) 필요에 따라 관계가 달라질 수 있다. 그런데 몇몇 태그들은 부모-자식 관계처럼 고정된 관계인 태그들이 있다. 예시들로 살펴보자. 목차를 표시할때 HTML CSS JavaScri... html생활코딩html HTML 태그의 제왕 HTML의 약자 HyperText Markup Language의 HyperText에 해당하는 anchor의 앞글자를 딴 "a"태그 정보의 바다에 정박한다는 표현으로도 해석이 가능하다! a태그를 사용하면 해당 문구에 링크를 걸 수 있다. 여기서 href는 HyperText Reference의 약자이고 target="_blank"는 링크를 클릭했을 때 새창에서 페이지를 열리게 하는 속성이다. t... html생활코딩html 생활코딩 React 2022 개정판 1일차(2) 4.컴포넌트 만들기 1.컴포넌트 만들기 function 이름() { //※ 컴포넌트명은 무조건 대문자로 시작 해야한다. //return 필수 결과!! 5. props 사용해보기! 리액트에서 prop은 속성을 의미합니다! 예를 들어서 Header 컴포넌트에서 제목부분을 변경하고 싶을 때 어떻게 하면 좋을까?? Header 컴포넌트에 props를 지정해서 변경하는 방법 결과 반복문을 통해서 li... 생활코딩TILTIL 생활코딩 React 2022 개정판 1일차 1. React란??? 이 코드를 사용자 정의 태그를 만드는 것이 핵심이다. 2. 실습 환경 구축 리액트 사이트 먼저 node.js를 설치 해주어야 합니다. Node.js 사이트 설치가 끝나면 vscode를 열어줘서 폴더를 지정해주기! 터미널을 열어서 npx create-react-app 폴더이름 완성되면 이렇게 폴더가 생긴다 리액트 한번 실행해보기! npm start // 리액트를 실행하는... 생활코딩TILTIL 생활코딩 리액트 2일차 7.state prop과 State의 차이점. →prop은 컴포넌트를 사용하는 외부자를 위한것 state는 컴포넌트를 사용하는 내부자를 위한것. 특정 모드일 때 컴포넌트를 바꿔보자. State를 사용해보자 useState를 import 해주기 import { useState } from "react"; useState에 값 주기. const [mode, setMode] = useState('... 생활코딩TILTIL 생활코딩 리액트 3일차 9.Update Update기능은 Create와 Read기능이 둘다 되야 합니다. 먼저 Read 기능을 해봅시다..! Read 기능 mode가 read일 때 update를 누르면 mode가 update로 변경. 코드 그럼 mode가 update일 때는 어떤 기능이 일어날까요?? mode가 Update일 때 기능 return을 통해 화면에 출력 결과.... 생활코딩TILTIL 생활코딩 리액트 4일차. Delete 삭제를 하기 위해서는 Read기능안에 삭제기능을 넣어주면 됩니다. 기능 순서 1. 항목을 선택해서 값을 가져온다 2. 삭제 버튼을 누른다. 3. 선택한 값이 삭제된다. 삭제코드 결과 삭제 전 결과. 삭제 후 결과.... 생활코딩TILTIL [Java] Make my App : Variable, Input → 결과 AccountingApp 프로젝트 & Class 만들고 시작 Edit → Find/replace → Replace All : 기존에 있던 숫자 한번에 바꿀 수 있음. -> 결과 : Extract Local variable : 한번에 변수 변경 가능한 기능 변경하고 싶은 숫자에 오른쪽 클릭 → Refactor → Extract Local variable → Variable name에 ... Java생활코딩TILreviewJava [Java] How to read Java document class : 하나의 프로그램. 서로 연관 된 것을 모은 것. package : class를 그룹화한 것 Class = directory : 서로 연관 된 변수와 Method 들을 모아서 이름을 붙이는 것 Math : 3.14 값을 찾고 싶을 때 수학과 관련 된 작업을 할때 쓰는 명령어 Math.PI : 3.14 값을 찾고 싶을 때 Math.floor : ‘1.6’의 입력값을 잘라서 보여주고... Java생활코딩TILreviewJava [ 생활코딩 ] prototype vs proto 함수는 자바스크립트에서 객체이다. 객체이기 때문에 property를 가질 수 있다. 예를 들어, Person이라는 함수(=객체)를 만들어보자.👇 이렇게 함수를 만들면 Person과 Person's prototype이라는 2개의 객체가 생성된다. 이 2개의 객체는 서로 연관되어있다. Person안에 prototype이라는 property가 있고, 이는 Person's prototype이라는 객... JavaScript생활코딩JavaScript React 웹앱 구현하기 (생활코딩) 이는 로컬 컴퓨터에서 공간을 낭비하지 않고, 가장 최신의 프로그램을 사용할 수 있다는 장점이 있다. 맨 처음에 create-react-app을 통해서 리액트 프로젝트를 생성하게 되면 node_modules, public, src 폴더와 여러 json 파일들이 생성이 된다. 이 때 public 폴더에 index.html 파일이 있는 걸 볼 수 있을 것이다. 이 index.html 파일은 일종의... JavaScriptreactjs생활코딩CSSfrontendhtmlCSS [js]HTML & JS 사용자와 상호작용 ex) 사용자가 night 버전을 클릭했을 때 바꿔줌 web 페이지는 한 번 표현되면 자기 자신을 바꿀 수 있는 방법이 없는데 JS가 바꿔줌! JS는 HTML을 제어하는 언어 : 이런 특성이 웹페이지를 더 동적이게, 다이나믹하게 만드는 것! HTML은 정적이기 때문에 1+1은 그대로 1+1이 나오고, JS는 동적이기 때문에 2가 나온다. HTML에서 JS임을 알려주기 위해서... JavaScript생활코딩jsJavaScript 머신러닝 야학 1일차 결정 결정 = 비교 + 선택 집으로 가는 길: 500m vs. 같은 물건: 5000원 vs. 비교하기 어려울 때 대소관계 파악 어려운 경우 비교 대상이 너무 많은 경우 무게, 속도 면에서 뛰어난 A vs. 인류의 결정 능력 향상 더 빠르고 정확한 결정을 할 수 있도록 돕는다 머신러닝에 필요한 능력 머신러닝으로 문제를 해결해보고 난관에 봉착했을 때, 코딩과 수학을 배워보도록 하자 🤖 Teach... 머신러닝 야학생활코딩모델ML머신러닝ML [TIL] 생활코딩 WEB2-JS (21.08.10) 프로그램은 '순서'의 의미를 포함하고 있다. 그런 의미에서 JS는 프로그램언어다. JS에서 왼쪽과 오른쪽를 비교해서 boolean값을 도출하는 이항연산자는 '==='이다. 🤷🏻♂️❓ while문 안에 따옴표가 왜 저렇게 쓰이는지, coworkers[i] 양 쪽에 왜 +가 쓰이는지 정확히 이해가 안됐었는데 댓글을 통해 해결 할 수 있었다. 🙆🏻♂️❗ 댓글: write() 명령의 괄호 안에 ... JavaScriptTIL생활코딩JavaScript CSS의 등장, 효용, 기본 문법, 속성, 선택자 → 정보를 나타내는 코드와 그렇지 않은 (디자인을 나타내는) 코드가 섞여 웹 페이지가 정보로서의 가치를 상당히 잃게 될 수 있음 📌 HTML 주석 처리 → 웹 브라우저는 기본적으로 코드를 HTML이라고 여김 → 해당 웹 페이지에 있는 a 태그에 대해 font color를 red로! 📌 위 코드에서 a: 선택자 → 중괄호{} 안의 효과(declaration)를 웹 페이지에서 어떤 태그에게 줄 ... WEB2생활코딩웹WEB2 생활코딩 javascript 6강 데이터타입(문자열과 숫자) 컴퓨터 프로그래밍에서는 데이터를 처리하는것이 아주 중요한 일이다 그렇기 때문에 컴퓨터에서는 데이터를 잘 처리하기 위해서 종류별로 데이터를 잘 분류하기위해 많은 노력을 하고있다 javascript라는 컴퓨터 언어에 어떤 형태의 데이터들이 있는가 살펴보자! 데이터 타입에는 6개가 있고 객체가 별도로 있다 오늘은 number 숫자 string 문자열 비교적 익숙한 데이터 타입을 통해 데이터 타입이... JavaScript생활코딩JavaScript Java_생활코딩-2021.11.11 import java.lang.*; System: 클래스 out: 클래스의 필드(변수), 객체 (필드가 메소드 가짐), static (System을 인스턴스화한적이 없음에도 불구하고 필드 out에 접근할 수 있음 println: 메소드 java.lang: 자바 프로그래밍을 하기 위해서 필수적인 클래스들을 모아둔 패키지 (자동으로 로딩) API: 시스템을 제어하기 위해서 자바에서 제공하는 명령... APIinterfaceJavaabstract생활코딩final접근제어자API 생활코딩 javascript 24~27강 함수의 문법, 입력-매개변수(parameter)와 인자(argument), 출력(return) 함수(function)라는 도구의 사용법을 살펴보자 코드가 많아지면 코드를 잘 정리정돈하기 위한 도구가 필요하다 input 이라는 코드가 하나 있고 이렇게 코드를 짜게되면 이 코드의 이름을 nightdayhandler이라는 이름으로 지정하고 싶은 것 이고 중괄호 안에 반복하고 싶은 코드를 붙여넣어주면 된다 이렇게 반복하고 싶다면 반복하고싶은 코드를 중괄호 안에 입력과 출력에 해당되는것이 함수... JavaScript생활코딩JavaScript 생활코딩 javascript 23강 배열과 반복문의 활용 배운 배열과 반복문을 야간모드일때는 링크들이 밝게 나타나고 주간일때는 어둡게 나타나도록 투입해보자 검사를 통해 웹페이지에 있는 모든 a태그를 가져오려고 할때 querySelector 라고 하는 함수는 a태그에 해당되는 태그중 첫번째에 해당되는것만 가져온다 검색 결과 querySelectorAll을 사용하는 것 같으면 다시 검색을 해서 어떤 문법으로 쓰고 어떻게 사용하는지에 대한 설명을 찾아보... JavaScript생활코딩JavaScript