될때까지

01. print("Hello World!") - 파이썬에서 화면에 출력을 할 때 print 명령어를 사용한다. - print라는 함수이름을 적고 괄호안에 따옴표로 출력하고자 하는 문자를 감싸면 된다. print("반갑습니다.") 02. Data Types - string : 문자열을 나타내고 따옴표로 감싸서 표현한다. - integer : 정수 - float : 소수 - comple numbers : 복소수를 말하며 파이썬에서는 j를 사용해 허수를 표현한다. ex) 1 + 3j - boolean : true나 false의 2가지 값으로 조건문에서 주로 사용한다. 03. Variables - 변수는 특정 값을 저장하고 있는 명사다. - 왼쪽에 변수 이름을 적고 = 부호 옆에 넣어줄 변수 값을 작성한다...

position: relative; - position: relative;만 작성하면 위치에 아무 변화가 없다. - top, right, bottom, left의 property를 사용해서 원래 위치로부터 입력한 값만큼 옮겨서 배치된다. - 박스1 relatvie박스가 relative한 위치로 이동되었다. position: absolute; - 가장 가까운 부모 요소를 기준으로 움직인다. - 기준으로 삼을 부모 요소에 position:relative;를 작성한다. - 부모태그인 wrapper에 relative를 적용했으므로, 파란색 absolute박스는 노란색 배경을 기준으로 왼쪽으로 60px떨어져서 그려진다. position:fixed; - 스크롤에 상관없이 고정된 위치를 갖는다. - 파란색 박스를 f..

* display 속성 display : block - 이 요소 바로 옆(좌우측)에 다른 요소를 붙여넣을 수 없다. - 가로 전체를 모두 차지하는 태그다. - Inline요소를 Block요소처럼 변경하고 싶을 때 display:block; 을 사용한다. - , , , , , , 등은 block 요소다. display : Inline 요소 - 요소끼리 서로 한 줄에, 바로 옆에 사이좋게 위치할 수 있다. - 태그안의 content 내용만큼만 차지하고 있는 태그다. - , , , , 등은 inline 요소다. ❗️ 태그에 text-align 속성을 적용해도 정렬이 되지 않는 이유는 은 inline-element라서 입력한 text만큼의 영역을 차지하고 있기 때문에 정렬을 할 수가 없다. inline이기때문에..

1) display 속성 https://i-c-a-n-d-o.tistory.com/134 ((CSS)) display속성의 block,inline,inline-block의 차이점 * display 속성 display : block - 이 요소 바로 옆(좌우측)에 다른 요소를 붙여넣을 수 없다. - 가로 전체를 모두 차지하는 태그다. - Inline요소를 Block요소처럼 변경하고 싶을 때 display:block; 을 사용한다.. i-c-a-n-d-o.tistory.com 2) 들여쓰기와 스페이스 들여쓰기 .클래스이름 { text-indent:50px; } text-indent 속성을 이용하여 css로 들여쓰기를 할 수 있다. 스페이스 스페이스 10개를 직접 타이핑해도 화면에는 하나의 스페이스만 적..

Semantic Semantic의 뜻을 캠브릿지 사전에서 찾아보았다. (of words and language) connected with meaning: 해석하면 (단어와 언어가) 의미로 연결되어 있는. 단어와 언어가 의미를 갖고 있는 걸 시멘틱이라고 한다. Semantic Web 위키피디아에서는 아래와 같이 정의한다. 시맨틱 웹(Semantic Web)은 '의미론적인 웹'이라는 뜻으로,현재의 인터넷과 같은 분산환경에서 리소스(웹 문서, 각종 화일, 서비스 등)에 대한 정보와 자원 사이의 관계-의미 정보(Semanteme)를 기계(컴퓨터)가 처리할 수 있는 온톨로지 형태로 표현하고, 이를 자동화된 기계(컴퓨터)가 처리하도록 하는 프레임워크이자 기술이다. 웹의 창시자인 팀 버너스리가 1998년 제안했고 ..

이번주는 사전스터디 3주차다. 자기소개 페이지에 자바스크립트 코드를 적용하여 업데이트하고, 구현한 기술 내용을 블로그에 적어 제출하라는 과제가 있지만... 백엔드로 마음을 굳히다 보니 더이상 자기소개페이지 마진이니 패딩이니, 가운데니 왼쪽이니 손대기싫었다. 그래서 내가 스스로 내린 "과제 패스"라는 결정! ㅋㅋㅋㅋ 안해!! 스터디 첫번째주에는 자기소개 페이지 만들기라는 뚜렷한 주제가 있었는데, 2주차 3주차부터는 과제가 없다보니 약간 스터디의 주제가 붕 떠버렸다. 그래서 이번주는 팀원 모두가 자바스크립트의 문법에 대해 하나씩 맡아 발표를 진행하기로 했고 나는 조건문을 맡았다. > - 특정한 조건일 때 해당 코드를 실행하도록 제어하는 구문이다. - ex) 쇼핑몰의 회원인가 ? 그렇다 -> 적립금 적립 / ..

## 자바스크립트 영상 시청 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..

🍧 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. 반응형?..

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