생활코딩 [CSS] CSS등장 이전의 상황, CSS의 등장 CSS등장 이전에는 일반 태그와 같은 font 태그를 이용했는데 이렇게 되면 제목이라는 정보를 담고있는 h1, 하이퍼 링크가 연결됐다는 정보를 담고 있는 a태그와 구분이 안감. 태그니까 다 똑같이 생김! -> 스타일의 경우는 다른 방식이 필요하겠구나! 다른 표현 방식의 필요성을 느낌. 내용 무시 태그 웹브라우저>html 기본적으로 우리가 쓴 코드들 그니까 이런것들이요 을 html로 인식함! ... 생활코딩CSSCSS [CSS] CSS의 기본문법, 혁명적 변화 이전에 배운 스타일 태그를 통해 여러개를 한번에 수정할 수 있었다. 그치만 그중 한 단어만 수정하고 싶다면? 위에 스타일 태그 내에선 개별 수정이 불가능하다. 그럼 어떻게? a태그에다가 직접 css 코드를 넣는다! coloer:red 이런 식으로! 근데 이렇게 하면 웹브라우저는 이 코드가 html인지 css인지 알 수 없다. 그래서 해당 문구만 효과를 주고싶으면 이런 식으로 수정하고 싶은 단... 생활코딩CSSCSS [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 생활코딩 리액트 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 React 웹앱 구현하기 (생활코딩) 이는 로컬 컴퓨터에서 공간을 낭비하지 않고, 가장 최신의 프로그램을 사용할 수 있다는 장점이 있다. 맨 처음에 create-react-app을 통해서 리액트 프로젝트를 생성하게 되면 node_modules, public, src 폴더와 여러 json 파일들이 생성이 된다. 이 때 public 폴더에 index.html 파일이 있는 걸 볼 수 있을 것이다. 이 index.html 파일은 일종의... JavaScriptreactjs생활코딩CSSfrontendhtmlCSS 머신러닝 야학 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 [자바스크립트의 시작] 7번째: 함수 오늘의 정리 함수 예고 함수 함수 - 매개변수와 인자 함수 - 리턴 함수 활용 함수 같은 기능을 하는 코드가 여러 번 반복하게 된다면 코드가 아주 길어지게 되고 유지보수하기 어려워질 것입니다. 그리고 가독성도 떨어지겠죠. 이때 사용하는 것이 바로 함수입니다. 함수는 자판기와 같습니다. 자판기처럼 값을 입력하면 그에 맞는 기능을 수행하고 값을 출력해줍니다. 자바스크립트에서 함수를 정의와 실행은... 함수이고잉부스트코스생활코딩자바스크립트부스트코스 TIL_express-middleWare_02)body Parser body : 웹 브라우저 쪽에서 요청한 정보의 본체. Header : 그 본체를 설명 body-parser : 그 본체를 해석 => 우리가 필요한 형태로 가공 해 주는 프로그램. 코드 1) Html - form 형식을 parse 2) json 데이터 parse 실제 코드. 추가 post 방식으로 받은 데이터 부분 1) create 2)update_process 3) delete... 항해99middlewareexpress생활코딩express TIL | HTML & INTERNET - 문법 TAG : HTML코드를 작성할 때 시작 태그와 종료 태그로 작성한다. 모든 경우가 그런 것은 아니다. 위에 코드를 보면 꺾쇠 괄호로 표현된 것들이 보인다. 표현하고자 하는 글씨를 크게 만들거나, 혹은 인덱싱을 하거나(번호를 매기는 것), 'WEB'이라는 글씨처럼 페이지의 제목을 만들 때 등등 이런 TAG를 이용하여 코딩하게 된다. 아래 사진은 코드를 실행했을 때 웹페이지에서 보여지는 모습이... WeCode생활코딩htmlWeCode CSS의 등장, 효용, 기본 문법, 속성, 선택자 → 정보를 나타내는 코드와 그렇지 않은 (디자인을 나타내는) 코드가 섞여 웹 페이지가 정보로서의 가치를 상당히 잃게 될 수 있음 📌 HTML 주석 처리 → 웹 브라우저는 기본적으로 코드를 HTML이라고 여김 → 해당 웹 페이지에 있는 a 태그에 대해 font color를 red로! 📌 위 코드에서 a: 선택자 → 중괄호{} 안의 효과(declaration)를 웹 페이지에서 어떤 태그에게 줄 ... WEB2생활코딩웹WEB2 생활코딩 javascript 6강 데이터타입(문자열과 숫자) 컴퓨터 프로그래밍에서는 데이터를 처리하는것이 아주 중요한 일이다 그렇기 때문에 컴퓨터에서는 데이터를 잘 처리하기 위해서 종류별로 데이터를 잘 분류하기위해 많은 노력을 하고있다 javascript라는 컴퓨터 언어에 어떤 형태의 데이터들이 있는가 살펴보자! 데이터 타입에는 6개가 있고 객체가 별도로 있다 오늘은 number 숫자 string 문자열 비교적 익숙한 데이터 타입을 통해 데이터 타입이... JavaScript생활코딩JavaScript 도커 입구 수업 컨테이너 환경을 구성한다. 마찬가지로 docker hub로부터 우리는 원하는 image를 탐색하고 image를 다운받아서 실행하면 container가 실행된다. docker hub - image - container docker hub로부터 image를 다운받는는 행위를 pull이라고 한다. command: docker pull httpd → explore → containers에서 원하는 ... docker생활코딩docker
[CSS] CSS등장 이전의 상황, CSS의 등장 CSS등장 이전에는 일반 태그와 같은 font 태그를 이용했는데 이렇게 되면 제목이라는 정보를 담고있는 h1, 하이퍼 링크가 연결됐다는 정보를 담고 있는 a태그와 구분이 안감. 태그니까 다 똑같이 생김! -> 스타일의 경우는 다른 방식이 필요하겠구나! 다른 표현 방식의 필요성을 느낌. 내용 무시 태그 웹브라우저>html 기본적으로 우리가 쓴 코드들 그니까 이런것들이요 을 html로 인식함! ... 생활코딩CSSCSS [CSS] CSS의 기본문법, 혁명적 변화 이전에 배운 스타일 태그를 통해 여러개를 한번에 수정할 수 있었다. 그치만 그중 한 단어만 수정하고 싶다면? 위에 스타일 태그 내에선 개별 수정이 불가능하다. 그럼 어떻게? a태그에다가 직접 css 코드를 넣는다! coloer:red 이런 식으로! 근데 이렇게 하면 웹브라우저는 이 코드가 html인지 css인지 알 수 없다. 그래서 해당 문구만 효과를 주고싶으면 이런 식으로 수정하고 싶은 단... 생활코딩CSSCSS [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 생활코딩 리액트 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 React 웹앱 구현하기 (생활코딩) 이는 로컬 컴퓨터에서 공간을 낭비하지 않고, 가장 최신의 프로그램을 사용할 수 있다는 장점이 있다. 맨 처음에 create-react-app을 통해서 리액트 프로젝트를 생성하게 되면 node_modules, public, src 폴더와 여러 json 파일들이 생성이 된다. 이 때 public 폴더에 index.html 파일이 있는 걸 볼 수 있을 것이다. 이 index.html 파일은 일종의... JavaScriptreactjs생활코딩CSSfrontendhtmlCSS 머신러닝 야학 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 [자바스크립트의 시작] 7번째: 함수 오늘의 정리 함수 예고 함수 함수 - 매개변수와 인자 함수 - 리턴 함수 활용 함수 같은 기능을 하는 코드가 여러 번 반복하게 된다면 코드가 아주 길어지게 되고 유지보수하기 어려워질 것입니다. 그리고 가독성도 떨어지겠죠. 이때 사용하는 것이 바로 함수입니다. 함수는 자판기와 같습니다. 자판기처럼 값을 입력하면 그에 맞는 기능을 수행하고 값을 출력해줍니다. 자바스크립트에서 함수를 정의와 실행은... 함수이고잉부스트코스생활코딩자바스크립트부스트코스 TIL_express-middleWare_02)body Parser body : 웹 브라우저 쪽에서 요청한 정보의 본체. Header : 그 본체를 설명 body-parser : 그 본체를 해석 => 우리가 필요한 형태로 가공 해 주는 프로그램. 코드 1) Html - form 형식을 parse 2) json 데이터 parse 실제 코드. 추가 post 방식으로 받은 데이터 부분 1) create 2)update_process 3) delete... 항해99middlewareexpress생활코딩express TIL | HTML & INTERNET - 문법 TAG : HTML코드를 작성할 때 시작 태그와 종료 태그로 작성한다. 모든 경우가 그런 것은 아니다. 위에 코드를 보면 꺾쇠 괄호로 표현된 것들이 보인다. 표현하고자 하는 글씨를 크게 만들거나, 혹은 인덱싱을 하거나(번호를 매기는 것), 'WEB'이라는 글씨처럼 페이지의 제목을 만들 때 등등 이런 TAG를 이용하여 코딩하게 된다. 아래 사진은 코드를 실행했을 때 웹페이지에서 보여지는 모습이... WeCode생활코딩htmlWeCode CSS의 등장, 효용, 기본 문법, 속성, 선택자 → 정보를 나타내는 코드와 그렇지 않은 (디자인을 나타내는) 코드가 섞여 웹 페이지가 정보로서의 가치를 상당히 잃게 될 수 있음 📌 HTML 주석 처리 → 웹 브라우저는 기본적으로 코드를 HTML이라고 여김 → 해당 웹 페이지에 있는 a 태그에 대해 font color를 red로! 📌 위 코드에서 a: 선택자 → 중괄호{} 안의 효과(declaration)를 웹 페이지에서 어떤 태그에게 줄 ... WEB2생활코딩웹WEB2 생활코딩 javascript 6강 데이터타입(문자열과 숫자) 컴퓨터 프로그래밍에서는 데이터를 처리하는것이 아주 중요한 일이다 그렇기 때문에 컴퓨터에서는 데이터를 잘 처리하기 위해서 종류별로 데이터를 잘 분류하기위해 많은 노력을 하고있다 javascript라는 컴퓨터 언어에 어떤 형태의 데이터들이 있는가 살펴보자! 데이터 타입에는 6개가 있고 객체가 별도로 있다 오늘은 number 숫자 string 문자열 비교적 익숙한 데이터 타입을 통해 데이터 타입이... JavaScript생활코딩JavaScript 도커 입구 수업 컨테이너 환경을 구성한다. 마찬가지로 docker hub로부터 우리는 원하는 image를 탐색하고 image를 다운받아서 실행하면 container가 실행된다. docker hub - image - container docker hub로부터 image를 다운받는는 행위를 pull이라고 한다. command: docker pull httpd → explore → containers에서 원하는 ... docker생활코딩docker