모던 자바스크립트에 대해 공부했다.공부한 내용 중 깊은복사와 얕은 복사에 대한 내용이 간략하게 소개되어 이야기하고자 한다. spread 구문이라는 것이 있는데다음과 같이 배열이나 객체를 풀어서 쓰는 것을 말한다.const arr1 = [1,2];console.log(arr1);console.log(...arr1);const obj1 = {val1:10, val2:20};const obj2 = {val3:30, val4:40};const obj3 = {...obj1};const obj4 = {...obj1, ...obj2};console.log(obj3);console.log(obj4); 이 구문은 단순 = 로 복사하는 얕은 복사와 비교 가능하다.스프레드 구문은 깊은 복사로 객체 자체를 복사해 오는 것을..

jquery와 ajax에 대해 배웠다. 1. jquery forma. input E-mail b. selectbox Jobs 선택하세요 개발자 디자이너 기획자 마케터 운영자 기타 c. radio 연령대 10대 20대 30대 40대 50대 d. checkbox 연령대 전체 10대 20대 30대 40대 50대 2. ajax일반적인 http 요청은 동기방식(요청을..

javascript에 대해 공부하던 도중 클로저 개념이 나왔다. 예제는 다음과 같았는데// counter 함수 정의function counter() { // 지역 변수 count를 0으로 초기화 (counter 함수 안에서만 접근 가능) var count = 0; // 내부 함수(익명 함수)를 반환 // 이 함수는 count 변수에 접근할 수 있음 (클로저의 핵심) return function() { count++; // count 값을 1 증가시키고 return count; // 증가된 값을 반환 }}// counter 함수 호출 → 내부 함수를 반환받아 count 변수에 할당var count = counter();// cou..

반응형 웹과 javascript 기초에 대해 공부했다. 반응형 웹 : 사용자가 접속한 다양한 스마트 기기 환경에 따라 제작된 사이트의 레이아웃을 자연스럽게 바꾸어 보여주는 디자인뷰포트(viewport) : 접속한 사용자에게 보여지는 화면 영역(실제 내용이 표시되는 영역)미디어 쿼리(Media Queries) : 사이트에 접속하는 장치에 따라 특정한 CSS 스타일이 적용될 수 있게 하는 CSS3 모듈화면 회전 : 스마트폰이나 태블릿은 기기를 세로나 가로로 보게 되고 그에 따라 사이트의 화면 방향도 변하게orientation 속성으로 화면 방향 체크가 가능portrait는 세로, landscape는 가로@media screen and (orientation:landscape) {body {background..

CSS 에 대해 공부했다. CSS(Cascading Style Sheets)HTML과 함께 웹 표준의 기본 개념HTML로 뼈대를 작성하고, CSS로 디자인을 구성내부, 외부, 인라인 스타일시트가 있음내부 : 헤더 내부에 로 작성외부 : 인라인 : 전체 선택자 : *태그 선택자 : 태그명 {}클래스 선택자 : .클래스명 {}id 선택자: #아이디명 {}텍스트 관련 스타일 - 글꼴 관련font-family : 텍스트를 사용하는 요소들에 사용@font-face@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic&display=swap'); @font-face{ src:url('BMJUA_ttf.ttf'); font-family: 'JUA'; }..