Hello World!

-------개발 블로그를 티스토리로 옮기며 기존의 네이버 블로그에 작성한 내용을  옮겼습니다.https://blog.naver.com/0yeonjae2/222422833582-------실질적인 수업이 끝난 후부터 프로젝트의 최종본을 제출하기 전까지의 활동을 정리했다.수정할 것이 없을 거라 생각했는데 생각보다 많았다. (동영상은 네이버 블로그를 통해 볼 수 있습니다.) js 코드의 간결화js의 문법을 배우기 전 하나하나 상황을 다 고려해서 거진 400줄이나 되는 양의 코드를 사용해서 앨범 페이지 변화와 공지사항의 변화를 표현했었다. 이 부분을 코드의 간결성을 위해 수정해야겠다고 마음먹고 있다가 드디어 작업했다앨범 페이지에 적용되는 js 코드만 거진 450줄을 제거하고 130줄 정도로 간결화하는 데 성공..

-------개발 블로그를 티스토리로 옮기며 기존의 네이버 블로그에 작성한 내용을  옮겼습니다.https://blog.naver.com/0yeonjae2/222376136991-------이론 복습하기- 최신 자바스크립트 문법 4 1. 라이브러리: 웹/앱에서 많이 사용되는 기능들을 재사용할 수 있는 코드로 구현해 놓은 것(누군가 만들어놓은 코드들을 가져다가 사용할 수 있음.) 상황별 JS 라이브러리들은 다음과 같다.①데이터 시각화(지도, 네트워크, 차트 그리기) : D3.js , Chart.js , leaflet.js② DOM 조작 : jQuery③애니메이션 효과 : GSAP, Anime.js④수식, 날짜 처리 : Date.js⑤Ul 컴포넌트 : React.js 2. Ajax: 브라우저에서 서버로 데이터..

-------개발 블로그를 티스토리로 옮기며 기존의 네이버 블로그에 작성한 내용을  옮겼습니다.https://blog.naver.com/0yeonjae2/222364167997-------이론 복습하기-최신자바스크립트 문법 3 1 .DOM:문서 객체 모델(DOM)은 메모리에 웹 페이지 문서 구조를 표현함으로써 스크립트 및 프로그래밍 언어와 페이지를 연결한다. 이때 스크립트는 주로 Js를 의미한다. DOM은 문서를 논리 트리로 표현한다. 트리의 각 브랜치는 노드에서 끝나며, 각 노드는 객체를 가진다. DOM 메서드를 사용하면 프로그래밍적으로 트리에 접근할 수 있다. 이를 통해 문서의 구조, 스타일, 콘텐츠를 변경할 수 있다. 노드는 이벤트 처리기를 포함할 수 있다. 이벤트가 발생한 순간, 해당 이벤트와 연..

-------개발 블로그를 티스토리로 옮기며 기존의 네이버 블로그에 작성한 내용을  옮겼습니다.https://blog.naver.com/0yeonjae2/222353308854-------이론 복습하기-최신 자바스크립트 문법 2 (with CodeSandBox)  (1) 제어문: 조건에 따라 코드 블록을 실행하거나 반복 실행할 때 사용한다. 제어문을 사용하면 코드의 실행흐름을 인위적으로 제어할 수 있는데, 코드의 실행 순서의 변화가 일어나므로 가독성이 떨어지고, 오류가 발생할 확률이 높다. 따라서 요즘은 if, for문 대신 고차함수를 사용해 프로그래밍하는 것을 권장한다. ○조건문 : 주어진 조건식에 따라 코드 블록의 실행을 결정한다.① if, else if, else문(조건에 따라 단순히 값을 결정해 ..

-------개발 블로그를 티스토리로 옮기며 기존의 네이버 블로그에 작성한 내용을 그대로 옮겼습니다.https://blog.naver.com/0yeonjae2/222345498120-------이론 복습하기 - 최신 자바 스크립트 문법 1 (With CodeSandBox)​(1) 변수1. 변수: 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름, 즉 값의 위치를 가리키는 상징적인 이름이다. 변수가 값 자체를 가리키는 이름이 아니라는 것이 중요하다.  2. 변수 선언하기변수 이름 : 메모리 공간에 저장된 값을 식별할 수 있는 고유한 이름변수 값 : 변수에 저장된 값할당 : 변수에 값을 저장하는 것참조 : 변수에 저장된 값을 읽어 들이는 것선언 : 변수를 생..

-------개발 블로그를 티스토리로 옮기며 기존의 네이버 블로그에 작성한 내용을  옮겼습니다.https://blog.naver.com/0yeonjae2/222334395717-------이론 복습하기1. 반응형 웹: 디바이스에 따라 반응하도록 구현된 웹하나의 웹사이트가 데스크톱, 태블릿 pc, 스마트폰에서 볼 때 각각 다르게 나타나는 경우가 있는데, 이때 이 웹사이트가 바로 반응형 웹이다. 이를 구현하기 위해 미디어 쿼리(Media query) 기능을 사용한다. 2. 미디어 쿼리: 특정한 브라우저 및 디바이스 환경에서만 특정한 CSS 속성을 적용할 수 있도록 한다.미디어 쿼리는 @media로 시작한다. 그 뒤 미디어 타입과 미디어 특성을 포함하는 미디어 쿼리 구문이 나온다. 미디어 쿼리 구문이 참이면 ..

-------개발 블로그를 티스토리로 옮기며 기존의 네이버 블로그에 작성한 내용을 그대로 옮겼습니다.https://blog.naver.com/0yeonjae2/222326625193 https://0yeonjae2.tistory.com/ 2주 동안은 중..." data-og-host="blog.naver.com" data-og-source-url="https://blog.naver.com/0yeonjae2/222326625193" data-og-url="https://blog.naver.com/0yeonjae2/222326625193" data-og-image="https://scrap.kakaocdn.net/dn/Gn1VU/hyNeCShHCY/pQ8W62EmunqPqYUtRtlp11/img.png?wi..

-------개발 블로그를 티스토리로 옮기며 기존의 네이버 블로그에 작성한 내용을 그대로 옮겼습니다.https://blog.naver.com/0yeonjae2/222307647439-------이론 복습하기 1. 중앙 정렬하기 : 중앙 정렬하고 싶은 태그에 width 속성을 부여하고 margin : 0 auto; 설정하기2. One True 정렬 레이아웃①행을 구분해서 각각의 행에 이름 붙여주기②열을 구분하기③레이아웃 구성하기-수평 레이아웃 구성하기:하위 태그에 float 속성을 지정하고, 상위 태그에 overflow : hidden; 적용하기이때 overflow : hidden 은 하위 태그의 내용이 상위 태그의 범위를 넘어간다면 넘어간 부분을 보이지 않도록 하는 기능이다.실습하기 이제 중간고사까지 얼..

-------개발 블로그를 티스토리로 옮기며 기존의 네이버 블로그에 작성한 내용을 옮겼습니다.https://blog.naver.com/0yeonjae2/222298787887-------이론 복습하기1. position : relative & position : absolute & position : fixedrelative : 기본값 / 겹치지 않게 위치시킴absolute : 상위요소 내에서 위치를 잡음fixed : 고정됨(주로 헤더에서 사용) 2. align-items와 justify-content를 이용한 정렬 display : flex;align-items : center;justify-contents: center;▲가운데 정렬 / 배열하고자 하는 것의 상위 요소에 적용한다이 때 display가..

-------개발 블로그를 티스토리로 옮기며 기존의 네이버 블로그에 작성한 내용을 그대로 옮겼습니다.https://blog.naver.com/0yeonjae2/222292135765-------HTML5 기본 태그1-1 목록 태그 (1) 순서가 있는 목록 : ordered list : list (2) 순서가 없는 목록 : unordered list : list 1-2 테이블 태그 : 표 삽입 : 표의 제목 : 열의 제목으로 구성된 행의 집합 : 표의 본문 : 열의 요약으로 구성된 행의 집합 : 표의 행 삽입:표의 제목 제목 셀 생성:표의 일반 셀 생성표의 셀을 병합할 때는 rowspan이나 colspan을 작성하고 병합할 개수를 적어주면 된다.는 행을 숫자만큼 합친다는 뜻이고, 는 열을 숫자만큼 합친다는..