외주 일지 1 1. samesite 에러 Schemeful 동일 사이트"동일 사이트"의 정의는 URL 체계를 포함하도록 진화하고 있습니다. 따라서 사이트의 HTTP와 HTTPS 버전 간의 링크는 이제 크로스 사이트 요청으로 계산됩니다. 가능한 한 문제를 방지하기 위해 기web.dev 우선 크롬으로 띄울 때 나타나는 에러에 대해 공부를 좀 해봤는데 2021년부터 samesite에 대한 default설정이 바뀌어 나타난다고 한다. 2. vscode의 liveserver에서는 php가 작동하지 않는다. 이런 기본적인거 까먹고 내 코드문제인 줄 알고 삽질 오지게 했다. 그래서 php 잘 돌아가나 확인하기 위해 닷홈을 켰다. 닷홈으로 php 에서 기존에 뜨던 에러는 안뜬다. 근데 새로운 게 뜬다...... 3. Migr..
[java]Deep copy와 Shallow copy 출처 https://hoho325.tistory.com/89
[JAVA] int 와 Integer의 차이 1) int는 무엇인가? (primitive type)int는 변수의 타입(data type)이다.변수(variable)는 '값을 저장할 수 있는 메모리 상의 공간'을 의미 int a = 3;char firstName = "H";에서 a 나 H 는 변수(변수명)가 되는 것그리고 그 앞에 적힌 int 와 char가 변수의 형을 지정해주고 있는 것이,변수의 타입( = data type = 자료형 ) 이라 함즉, 자료형은 'data의 type에 따라 값이 저장될 공간의 크기와 저장 형식을 정의한 것' 이라고 볼 수 있음이러한 자료형은 기본형(primitive type)과 참조형(referece type)으로 나뉘는데,int 는 이 중 기본형에 속함기본형에는 다음과 같은 종류가 있음 2) 그렇다면 Integ..
Spring web service camp : front-end(html, css, javascript.. etc) 두번째로 참여하는 웹서비스 캠프. 생각보다 하루하루 배우는 게 많아서 주별로 하나씩 기록을 남겨두려 한다. 클론/새로운 웹 서비스 기획 중 1택을 해야하는데, 나는 클론을 선택했다.왜냐면 개인 프로젝트로 구상중인 웹이 하나 있는데, 이 프로젝트에 도움이 될 만한 것을 하고 싶었기 때문이다. 주요 레퍼런스로 삼은게 바로 Differ이다. Differ은 성장을 위한 질문을 던져주는 웹 사이트다폰트부터 구성까지 디자인적으로 마음에 쏙 들 뿐 아니라 나에게 흥미로운 생각거리를 던져준다는 점이 인상적이었다.최근 미노이가 모델이 되어서 사이트가 조금 바뀌었는데, 다행히 그 이후 캠프가 시작했다. (캠프 중에 바뀌었으면 큰일날 뻔 !!) 📍 https://www.differ.co.kr/home/ differ성장..
default.css 세팅하기 브라우저 마다 디폴트로 설정되어 있는 css 값들이 있다. margin, padding 같은 css 속성(property)의 값들이 0이 아니라 브라우저가 정한 임의의 값으로 설정되어 있다. 이런 값들을 초기화하고 작업을 해야 내가 의도한 값으로 화면에 출력될 수 있다! 예를 들어, 웹브라우저 css 초기화 전에 header 클래스 div에 margin과 padding을 주지 않아도 positioning이 원하는 대로 되지 않는 것을 확인할 수 있다. 그 외에도 브라우저마다 다른 기본 설정값들을 초기화하기 위하여 default.css를 작성해야한다. 다음은 내가 사용하는 default.css 파일이다. 주의할 점은, 내가 만든 style.css 파일보다 앞에 선언해주어야 한다. 그래야 내가 선언한 스타일..
[Javascript plugin] Masonry Layout 적용하기 메이슨리 레이아웃 (Masonry Layout)을 이용하면 크기가 다른 컨텐츠를 효율적으로 배치할 수 있다.빈영역을 최소화할 수 있으며 지겨운 스타일로부터 벗어나 자유로운 느낌을 주기도 한다! 핀터레스트가 이러한 레이아웃을 사용하곤 한다. https://masonry.desandro.com/ MasonryInstall Download CDN Link directly to Masonry files on unpkg. Package managers Install with Bower: bower install masonry --save Install with npm: npm install masonry-layout Getting started HTML Include the Masonry .js fil..
JQuery 정복하기 4 (탐색, animation, ajax) 탐색체인 컨텍스트를 유지하면서 제어의 대상이 되는 엘리먼트를 변경하는 기법http://api.jquery.com/category/traversing/📍 예제 javascript을 입력 한 후에 엔터를 눌러주세요. .add(selector)엘리먼트를 추가한다 .andSelf()현재 엘리먼트 셋에 이전 엘리먼트 셋을 더 한다 .children([selector])자식 엘리먼트를 선택한다 .closest(selector)..
JQuery 정복하기 3 (event, element, form) 이벤트란?시스템에서 일어나는 사건을 의미javascript나 jQuery에게 이벤트란 브라우져에서 일어나는 사건을 의미한다. (클릭, 마우스 이동, 타이핑, 페이지 로딩등)이벤트가 발생했을 때 작동할 로직을 시스템에게 알려두면 이벤트가 발생했을 때 시스템이 그 로직을 호출한다.jQuery의 이벤트크로스브라우징의 문제를 해결해줌bind로 이벤트 핸들러를 설치하고, unbind로 제거 (예제1) (on,off로 업데이트 됨)trigger로 이벤트 핸들러를 강제로 실행 (예제2)click, ready와 같이 다양한 이벤트 헬퍼(helper)를 제공함live를 이용하면 현재 존재 하지 않는 엘리먼트에 이벤트 핸들러를 설치할 수 있음예제1. on, off, trigger를 이용한 이벤트의 설치, 제거, 호출 ..
JQuery 정복하기 2 (wrapper, 선택자, chain) 래퍼(wrapper)란?jQuery(엘리먼트 오브젝트 | 'CSS스타일 선택자')bold 표시한 부분이 래퍼, 인자로 전달된 요소들에 jQuery의 기능성을 부가해서 반환한다.레퍼의 안전한 사용$(엘리먼트) 와 jQuery(엘리먼트)는 같은 의미이지만 $를 사용하는 다른 라이브러리들과의 충돌 때문에 다음과 같은 방법을 사용한다.제어 대상을 지정하는 방법jQuery( selector, [context] )jQuery( element )예제 1. jQuery( selector, [context] ) test2 test 예제 2. jQuery( element ) ..

티스토리툴바