시작179 221102 JavaScript - 객체 오늘 내가 배운 것 1. 함수 선언식과 함수 표현식 함수 선언식과 함수 표현식 즉시 실행 함수 함수를 값으로 사용 콜백 함수 - 함수를 매개변수로 사용 화살표 함수식 콜스택과 콜백 함수를 이용한 예제 문제 2. 객체 객체 생성 문법 객체는 어떻게 쓰이는가? 객체 생성하기 객체 안에 데이터 호출하기 객체 안에 속성 확인하기 For in 문을 이용한 속성과 속성 값 출력 객체 안에 속성 추가하기 3. 객체 복사와 특성 객체 복사하기 Spread Operator 객체 복사시 왜 이런 결과가 나왔을까? 1. 함수 선언식과 함수 표현식 함수 선언식과 함수 표현식 // 기본 문법 // //함수 선언식 function showMessage(){ } //함수 표현식 const showMessage = function .. 2022. 11. 3. 221101 JavaScript - 함수 (function) 자바스크립트 함수(Function) 오늘 내가 배운 것 1. 자바스크립트에서 함수는 왜 사용할까? 2. 함수의 선언과 호출 , 함수 호이스팅 3. 매개변수(parameter) 와 인자(Argument) 4. return 5. 콜 스택 1. 자바스크립트에서 함수는 왜 사용할까? 자바스크립트를 작성할 때 중복 코드를 피하기 위해서 함수를 사용하여 작성한다. 같은 과정을 거쳐야 하는 영역을 여러 번 반복해서 쓰게 되면 코드의 가독성이 떨어진다. 다르게 얘기하면 같은 코드를(같은 과정을) 1번의 작성(선언)으로 필요할 때마다 재사용(호출)할 수 있다. 2. 함수의 선언과 호출 , 함수 호이스팅 함수의 기본 문법은? 함수의 선언 방법과 호출 방법 // 함수 선언방법 function 함수명 (){ //내용 } //.. 2022. 11. 1. 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("값을 입.. 2022. 10. 31. 221028 JavaScript(JS) - 자바스크립트의 특징 /자바스크립트 변수와 상수 / 자바스크립트 기본 연산자와 데이터 타입 / 자바스크립트 변수명 표기법 오늘 내가 배운 것 1. 자바스크립트의 특징 2. JavaScript (JS) 적용하는 방법 3. 변수와 상수의 예약어와, 기본 연산자 4. 변수명 표기법 1. JavaScript(자바스크립트)의 특징 자바스크립트는 Prototype기반 언어이다. 웹 페이지를 만드는 과정에서 동적요소를 만들고 싶어서 생긴 언어였다. 타입을 지정하지 않고 사용할 수 있어서 처음배우는 사람들한테 좋다. 코드를 한 줄씩 읽어 내려가는 인터프리터 언어이기 때문에, 번역과 실행이 동시에 이루어진다. 인터프리터와 반대되는건 컴파일 언어이다. 컴파일 언어는 프로그램을 실행하기 전에 기계어(컴퓨터 언어)로 컴파일(번역)을 하고 실행하는 언어이다. 한 줄씩 처리하다 보니 처리 자체의 속도는 컴파일 언어의 비해 느리다. -> 많은 양의 .. 2022. 10. 28. 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.. 2022. 10. 27. 221026-게시판 만들기 : HTML table 태그, CSS-!important, box-shadow, CSS 선택자 오늘 내가 배운 것 1. CSS 선택자 2. HTML 3. !important 4. box-shadow 1. CSS 선택자 ~ 결합자 부모가 같은 형제 태그를 선택할 수 있다. input[type=”checkbox”] {} input 태그에서 타입이 체크박스인 요소를 선택 2. HTML HTML에서 클래스를 2개 적용시키기 2가지 클래스 사이에 띄어쓰기를 사용한다. ex) class=”aa bb” html - table 엘리먼트 행과 열로 이루어진 표를 만든다. 1줄(행) or 1칸(열) th : 머리글 기본적으로 굵고, 가운데 정렬되어있다. (제일 위에 각 칸에 종류를 만들 때 사용) border-collapse: collapse; 테두리를 겹치게 한다. border: 1px 테두리를 그리면 겹치는 부.. 2022. 10. 26. 이전 1 ··· 23 24 25 26 27 28 29 30 다음 728x90
