될때까지

## 자바스크립트 영상 시청 01_Console.log `console.log(출력할 대상)` : console에 찍어볼 때 사용한다. 02-1_Variables1 - 변수 선언과 할당 - 변수란 ? : 데이터를 담을 수 있는 대상 1) 변수의 선언(declare) : `let myNumber` 2) 변수의 할당, 대입(assign) : `myNumber = 100;` - 변수의 선언과 할당을 동시에 할 수도 있다. : `let myNumber = 100;` 02-2_Variable2 - data types - 기본타입(primitive type) 1) number : 숫자, 연산 가능( +, -, *, /, 나머지(remainder) % ) 2) string : 문자열, 따옴표안에 작성 3) boole..

이 블로그에 정리되어있는 모든 개념들은 공부하면서 정리한 내용입니다. 잘못 기술한 부분이 있을 수 있으니 발견하시면 언제든지 지적해주세요😄 💡 URI : Uniform Resource Identifier URI는 인터넷 상에서 특정 자원(자원이라하면.. 데이터나 서비스 정도?)을 식별하기 위한 문자열이다. Identifier라면 ID라는 이야긴데 ID는 유일한 고유값이라는 것을 기억하고 있자. 즉 인터넷에서 자원을 나타내려면 어떻게 해야 겹치지 않고 고유하게 표기할 수 있는지 정의한 기본 조건으로, 자원의 위치 or 이름 or 둘다 사용하여 식별할 수 있고 URN과 URL의 상위 개념이다. 💡 URL : Uniform Resource Locator URL은 자원의 위치만 나타내는 방법이다. 여러개의 자원..

이 블로그에 정리되어있는 모든 개념들은 공부하면서 정리한 내용입니다. 잘못 기술한 부분이 있을 수 있으니 발견하시면 언제든지 지적해주세요😄 자바스크립트 관련 영상을 보는데 자꾸만 등장하는 돔돔돔 DOM.. 도대체 DOM이 뭐야 하고 찾아봤지만 쉽게 이해가 되지 않았고, 반복을 거듭하여 조금이나마 머리에 스케치가 되어가고 있는 개념을 잊지 않기 위해서 포스팅으로 남겨본다!! 자바스크립트 언어의 탄생 배경 자바스크립트는 정적인 웹 페이지를 동적으로 만들기 위해 개발된 언어다. HTML문서를 조작하기 위해 만들어졌다지만, 어떻게 확장자가 다른 .html이나 .css와 같은 파일을 자바스크립트가 읽고 수정할 수 있는 것일까? 이를 이해하려면 렌더링, DOM에 대한 개념이 필요했고 여러가지 자료들을 참고하여 해당..

이 블로그에 정리되어있는 모든 개념들은 학습 개념으로 혼자 정리한 내용입니다. 잘못 기술한 부분이 있을 수 있으니 발견하시면 언제든지 지적해주세요😄 위코드 사전스터디 최고!! 오늘도 사전스터디 미팅이 있는 날인데, 감사하게도 팀원분이 코드를 살펴봐주셨다 ㅜㅜ 내가 그렇게 받고 싶었던 코드피드백 흑흑 감격의 눈물 😭 한번도 들어본적이 없었지만, 1팀 팀원분덕에 알게된 새로운 개념, 크로스 브라우징에 대해 정리하고 넘어가도록 하겠다. 크로스 브라우징이란? : 웹 페이지가 웹 브라우저의 종류에 구애받지 않고 제작자의 의도에 맞게 보여지거나 동작할 수 있게 하는 작업이다. 내가 작성한 스타일대로 화면에 나타나지 않는 이유? 웹 브라우저마자 기본값으로 제공하는 스타일이 있어서 개발자가 작성한 대로 화면에 나타나..

이 블로그에 정리되어있는 모든 개념들은 학습 개념으로 혼자 정리한 내용입니다. 잘못 기술한 부분이 있을 수 있으니 발견하시면 언제든지 지적해주세요😄 🦸‍♀️ 개념정리 - 절대경로(Absolute path) : 루트 디렉토리(최상위 디렉토리)를 기준으로 찾아가는 경로 (import를 하는 파일이나 경로에 상관없이 항상 경로가 동일하다.). 한가지 단점으로는 경로가 길어질 수 있다.이를 보완하기 위해 상대경로를 사용한다. - 상대경로(Relative path) : 나의 현재 위치를 기준으로 찾아가는 경로다. 경로의 길이를 줄여준다는 장점은 있지만, 헷갈리기 쉽고 파일의 위치가 변경되면 경로 위치도 변경되어야한다는 단점이 있기 때문에 절대경로를 사용하는 게 권장된다. 1) ./ - 현재 내가 속해있는 웹 페이..

🍧 What is HTML, CSS, JavaScript ? HTML (HyperText Markup Language) HyperText : 링크가 달려있는 텍스트 Markup Language : 태그를 이용해 글의 서식과 스타일을 정해주는 언어. ==> HyperText를 사용하고 태그로 이루어져 있는 언어 웹 사이트의 뼈대, 구조를 담당 CSS (Cascading Style Sheets) Cascading : 위에서 아래로 흐른다는 뜻으로 상속 또는 종속된다는 의미를 갖고 있음 ==> HTML 문서에 있는 요소들에 선택자를 이용하여 스타일을 적용하는 스타일 시트 언어다. 웹 사이트의 디자인을 담당 JavaScript ==> 사용자와의 상호작용을 통해 동적인 웹페이지를 구성하고자 고안된 프로그래밍 언어..

🧐 (어제) 문제사항들 1. 자바스크립트 코드 왜 에러가 나니 2. 이미지 파일들이 너무 많아서 지저분한 내 vscode 파일들 3. css파일 분류하기 4. content 내용들이 너무 붙어있다. 5. 반응형?미디어쿼리?로 웹사이트 수정하기 6. favorite 페이지에서 이미지 밑에 설명하는 글 추가하기 7. grid, flex사용해서 favorite웹 페이지 3칸 2줄로 변경하기 8. 깃허브 사이트에서 생성한 주소로 들어가면 왜 접속이 안되고 뒤에 /home.html이라고 써야지 작동하지? 🧐 (오늘) 문제사항들 1. 자바스크립트 코드 왜 에러가 나니 2. 이미지 파일들이 너무 많아서 지저분한 내 vscode 파일들 3. css파일 분류하기 4. content 내용들이 너무 붙어있다. 5. 반응형?..

본 포스팅은 생활코딩 HTML 영상을 보고 개인적으로 정리한 내용입니다. ✍️정리하기 #4 HyperText Markup Language은 쉽고 (많이 쓰이니까)중요하다. 웹을 만든 팀 버너스리는 저작권이 자유로운 public domain으로 선언했다. #5 웹의 확장자는 ‘.html’ 파일 선택하는 창 단축키 W:ctrl + 알파벳 ‘O’ / M:command + 알파벳 ‘O’ #6 강조(두껍게 표시) : 강조할 문구 밑줄(underline) : 밑줄칠 문구 tag : 옷의 태그는 옷에 대한 정보를 담고 있듯이 html에서의 tag도 똑같다. 그리고 열린태그, (슬래시가 붙은)닫힌태그 1쌍으로 이루어져있다. #7 제목(heading) : 제목 - 숫자가 작을수록 글씨가 크다. 두껍게와 줄바꿈 처리가 들..

🧐 (어제)문제사항들 1. 자바스크립트 코드 왜 에러가 나니 2. 이미지 파일들이 너무 많아서 지저분한 내 vscode 파일들 -> img폴더를 만들고, 이미지를 불러왔던 태그들의 경로에 img/를 추가해줬더니 해결했다. 3. css파일 분류하기 4. content 내용들이 너무 붙어있다. 5. 반응형?미디어쿼리?로 웹사이트 수정하기 6. favorite 페이지에서 이미지 밑에 설명하는 글 추가하기 7. grid, flex사용해서 favorite웹 페이지 3칸 2줄로 변경하기 8. 깃허브 사이트에서 생성한 주소로 들어가면 왜 접속이 안되고 뒤에 /home.html이라고 써야지 작동하지? -> index.html로 파일명을 수정하니 제대로 작동했다. 여기까지는 어제 발견한 문제사항들 및 진행 상황이다. 오..

이 블로그에 정리되어있는 모든 개념들은 공부하면서 정리한 내용입니다. 잘못 기술한 부분이 있을 수 있으니 발견하시면 언제든지 지적해주세요😄 컴퓨터는 ✌🏻(2)진법, 사람은 🙌🏻(10)진법 인간은 0부터 9까지의 숫자를 사용하는 10진법을 사용하지만 컴퓨터는 전기가 흐른다, 전기가 흐르지 않는다의 2가지 경우를 0과 1로서만 알고있다. 그렇기 때문에 우리가 작성한 코드들을 컴퓨터에서 실행하기 위해서는 컴퓨터가 알아들을 수 있게 0과 1로 번역하는 작업이 필요한데, 번역하는 방식에 따라 프로그래밍 언어는 컴파일 언어 vs 인터프리터 언어로 나뉜다. 언어의 동작 방식에 따른 분류 1. Compiler : 전체 소스코드를 차곡차곡 쌓아서 한번에 번역한다. 예)C언어 : 소스 코드를 모두 번역을 하고, 메모리에 ..