변수의 개념 자체 이해가 어려워서 매번 이론만 보고 포기했었는데..아직도 헷갈리고 어렵다… 변수(variable)란 데이터를 저장할 수 있는 메모리 공간을 의미하며, 변수 안에는 다양한 형태의 값을 저장할 수 있다.경우에 따라 서로 연관된 값들을 하나로 묶어서 저장하기도 하는데, 이러한 경우 여러 속성을 하나의 변수에 저장할 수 있도록 해주는 데이터 형식을 가지고 있으며, Key: Value 형식으로 저장할 수 있도록…
이 영상을 보다보니, 내가 사회생활하면서 만나온 사람들이 바라보는 나의 성격이 내가 생각하는 성격과 달라 성격이 바뀌었나 했는데… 그건 아닌가보다.. 사회 생활 10년 차에 내향적 이었던 사람이 외향적으로 성격이 변화 되었다는 건 있을 수 없다고 한다.그것은 성격의 변화가 아닌, 사회 생활을 하며 사회적 능력치가 발전하여 그 사회에 적응을 한 것 일 뿐.. 다행히도 내 사회적 능력치는…
DOM은 문서 객체 모델(The Document Object Model)이란 뜻으로 HTML, XML 문서의 프로그래밍 인터페이스다. URL을 입력해 웹사이트에 접속을 하면, 브라우저가 HTML, XML 문서를 불러온다. 문서를 불러온 후 이를 해석하는 과정을 거치는데 이를 파싱(Parsing)이라고 한다. 파싱의 결과로서 문서를 구조화한 DOM을 제공한다. DOM은 문서 내의 모든 요소를 정의하여, 구조를 트리 형식으로 생성 하며, 이 구조에 접근할 수 있도록…
상향식.. 하향식 파싱.. 등등 문맥적 의미는 알겠으나 아직까지는 너무 어려우므로,DOM트리 구조 만이라도 제대로 알아두자. 파싱(parsing)은 구문 분석이라고 생각하면 된다고 한다. 문장이 이루고 있는 구성 성분을 분해하고 분해된 성분의 위계 관계를 분석하여 구조를 결정하는 것이다. 데이터를 분해 분석하여 원하는 형태로 조립하고 다시 빼내는 프로그램을 말한다. 웹상에서 주어진 정보를 내가 원하는 형태로 가공하여 서버에서 불러들이는 것이다. 각…
3. Draggable & Resizable Layer 만들기 앞서 Draggable & Resizable 레이어 만들기 (1), Draggable & Resizable 레이어 만들기 (2) 에서 작성했던 코드를 기반으로,두 개의 코드를 합쳐보자. 우선 이벤트 리스너를 걸어준 두 개의 변수를 먼저 선언 한 후, 마우스 타겟 값을 대입 시켜 주기 위해 선언했던 변수를 선언한다. 생성 했던 드래그 함수와 이벤트 리스너를 추가 한…
갑자기 잘되던 쇼핑몰이 모바일 등의 확장 네비게이션 등 클릭 이벤트가 걸려있는 버튼들이 작동하지 않는 경우가 생겨 디버깅을 해보니,특정 jQuery 및 폰트들이 404가 떠서, 제대로 작동하지 않는 경우였다. 특정 에러를 확인하고 쇼핑몰 관리자에 접속하니 위와 같이 “https://변경” 버튼이 생긴 것을 보니, 쇼핑몰 보안을 위해 https:// 사용 설정을 권장 받아 해당 보안 설정 및 SSL 보안 인증서…
2. Resizable Layer 만들기 클릭했을 때 레이어를 리사이즈 할 포인트를 변수로 먼저 선언 한 후,최초 X축의 위치, 최초 Y축의 위치, 리사이즈 전 최초 요소의 넓이, 리사이즈 전 최초 요소의 높이도 변수로 선언. Draggable 레이어 함수 생성했을 때와 동일하게,마우스를 누르는 순간 마우스의 위치 값을 변수에 대입해주고, resize할 레이어 요소의 넓이 값과 높이 값도 변수에 대입한다. 마우스를…
실무에서 디자인이나 기능 수정을 위해서 CSS나 JS를 수정 후 서버에 반영 했을 때,새로고침 및 강제 새로고침을 실행해도 브라우저가 가지고 있는 캐시로 인해 적용한 수정사항이 제대로 반영되어 보이지 않을 때가 많다. HTML 메타태그에 아래의 no-cache 코드를 추가해주면 해당 페이지가 캐시를 생성하지 않도록 설정해준다. Cache-Control의 속성에는 3가지의 값이 존재한다.no-cache는 캐시는 저장하지만, 매번 서버에 재검증을 요청하여 사용하는 속성이며,no-store는…
1. Draggable Layer 만들기 먼저 레이어를 drag를 할 레이어에 특정 아이디 값을 선언하여 필요한 변수를 먼저 선언하고,dragging 이벤트를 위한 변수와 x축과 y축의 좌표를 대입할 변수를 선언해준다.기본 변수 선언이 끝난 후, 마우스가 클릭 되었을 때, 마우스가 클릭 된 채 움직이고 있을 때, 그리고 마우스 클릭이 해제 되었을 때 일어날 이벤트 함수를 작성한다. 마우스를 누르는 순간 마우스의…