221031 JavaScript - prompt()함수, 지역변수, 전역변수, 조건문 if-else if문, 데이터타입, 배열

오늘 내가 배운 것 1. 함수 prompt 2. 지역변수와 전역 변수 3. 조건문 if-else if- else 문 4. 데이터 타입 5. 배열 프로그래밍의 기본은 input / output… X라는 값을 입력했을 때 Y를 출력하겠다. 1. 함수 prompt prompt("값을 입력하세요”) : 팝업창이 뜨고 그 창이 꺼질 때까지 그 밑에 있는 코드가 실행되지 않음 (함수를 배우고 나서 다시 배울 예정) let input = prompt(“값을 입력하세요.”) 팝업창에 데이터를 입력할 수 있는 박스가 생성되고 그 박스안에 적은 데이터가 input 변수에 대입된다. /* 인풋박스가 생기고 그 입력창에 내용을 적으면 그 내용이 prompt 의 결과 값이 됨. */ let input = prompt("값을 입..

• format_list_bulleted TIL(Today I Learned)
• · 2022. 10. 31.
• textsms

221027 로그인 팝업 만들기 - form태그 / CSS-before, after / 반응형 웹 만들기 - 미디어쿼리

오늘 내가 배운 것 1. HTML - form 태그 2. CSS - :before, :after 3. 반응형 웹 - 미디어 쿼리 1. HTML-form 태그 form 태그 : 사용자가 제공하는 데이터를 서버에 저장시키기 위해 사용하는 태그 (사용자의 데이터를 수집한다.) 로그인 아직도 회원이 아니신가요? 회원가입 input 태그를 이용할 때 form 태그를 상위 태그로 사용해 데이터를 서버에서 저장한다. form태그를 쓸 때는 상위에 다른 엘리먼트로 감싸서 사용하는 것을 권장한다. form 태그의 필수 속성으로 속성 method 와 속성 action이 있다. 속성 action 과 속성 method action의 속성 값은 “링크” 이다. (button type=”submit” 과 연동해서 작동한다.) m..

• format_list_bulleted TIL(Today I Learned)
• · 2022. 10. 27.
• textsms

221022 네이버 회원가입 클론코딩

1. 네이버 회원가입 클론코딩 어제 했던 수업을 다시 처음부터 복습해봤다. https://baekspace.tistory.com/31 221021 CSS와 네이버 클론코딩 오늘 내가 배운 것 1. HTML element 2. CSS 3. CSS 적용시키는 3가지 방법 4. CSS 선택자, 속성, 속성값 1. HTML element 웹사이트 브라우저를 구성을 확인하다 보면 address, section, article, aside 태그를 볼.. baekspace.tistory.com 아쉬운 점으로 밑에 내용이 있었는데 1. 처음에 레이아웃을 짤 때 input 안에 블록을 더 세분화해서 넣었어야 했는데, 세분화하지 못해서 위치를 세세하게 이동시킬 수 없었다. 조금 진행된 상태에서 파악을 한 부분이라 코드 전..

• format_list_bulleted TIL(Today I Learned)
• · 2022. 10. 23.
• textsms

221020 브라우저와 HTML

오늘 내가 배운 것 1. 2진수, 16진수 2. 브라우저와 HTML 3. 자주 쓰이는 태그(엘리먼트)와 속성, 속성 값 1. 2진수와 16진수 컴퓨터는 왜 2진수를 사용하는가? 컴퓨터는 전류가 흐르고, 안 흐르고 (ON/OFF)로만 표현할 수 있다. 그렇기 때문에 0과 1 로만 모든 것을 표현해야 한다. 2진수 1자리 수는 2가지(0, 1)를 표현할 수 있고, 2자리 수는 4가지(00,01,10,11) 를 표현 할 수 있다. 0과 1을 표현하는 1자리 수를 1 bit (비트)라고 하는데, 1bit가 8자리가 되면 8 bit 8bit = 1byte(바이트) = 2 nibble(니블) 이다. 1 nibble은 4bit인데 4bit는 16가지를 표현할 수 있다. 그래서 16진수의 범위와 일치한다. 16진수는 ..

• format_list_bulleted TIL(Today I Learned)
• · 2022. 10. 20.
• textsms

221012 CSS

css, html, 시멘틱 마크업, 선택자, 속성, 속성값 오늘 내가 배운 것 html의 엘리멘트 중에서 section , article, footer, header, aside >> 다 div 의 역할 vscode html 파일만들고 ! 를 작성하면 기본적인 html 틀을 만들어 준다. 과 엘리먼트는 닫는 태그를 사용하지 않아도 된다. CSS에 대하여 Cascading style sheets 파일을 파일이름.css 로 해서 만들어 줄 수 있다. CSS역할 기본적으로 html을(구분해준 데이터를) 꾸며주는 역할을 한다. (기본적인 속성을 변경할 수 있다.) 사용자가 사용하는 환경에 따라 보이는 기본적인 서체, 박스 같은 게 다르게 보일 수 있는 것을 개발자가 원하는 스타일대로 통일시켜서 꾸며 줄 수 있다..

• format_list_bulleted TIL(Today I Learned)
• · 2022. 10. 12.
• textsms

221011 HTML

브라우저란? 평소엔 검색을 위한 용도로만 알고 있었지만, 이제는 HTML을 해석해주는 도구로 확장시키자. 브라우저는 주소창과 , HTML을 해석해서 화면에 보여주는 부분으로 나뉠 수 있다. HTML은? Hyper Text Mark-up Language 의 약자로 인터넷의 하이퍼텍스트를 표현하기 위한 언어 로 작성한다. 와 시작과 끝을 의미하는 것으로 HTML에선 필수! VScode HTML을 작성하는 데는 메모장으로도 충분히 할 수 있지만, 작업의 편의성( 를 작성하면 까지 작성)을 위해 VScode (Visual Studio Code)를 이용한다. VScode - 1. 작업 폴더 생성 및 설정 2. 텍스트 파일 만들기 (.html) 3. 한국어 설정하기 4. Live server 설정하기 더보기..

• format_list_bulleted TIL(Today I Learned)
• · 2022. 10. 11.
• textsms