본문 바로가기

분류 전체보기

 (29)
제이쿼리 jQuery 란? 제이쿼리, jQuery : 자바스크립트 언어를 간편하게 사용할 수 있도록 단순화시킨 오픈 소스 기반의 자바스크립트 라이브러리. jQuery 를 이용하면 문서 객체 모델 DOM 과 이벤트에 관한 처리를 손쉽게 구현 가능. Ajax 응용 프로그램 및 플로그인도 제이쿼리를 활용해서 빠르게 개발 가능. 사용법 : 문법 $(선택자).동작함수(); '$' 기호는 jQuery를 의미하고, jQuery에 접근할 수 있게 해주는 식별자. $(선택자).메서드(매개변수) $() 함수 : 선택된 HTML 요소를 jQuery에서 이용할 수 있는 형태로 생성해주는 역할. $() 함수의 인수로는 HTML 태그 이름뿐만 아니라 CSS 선택자를 전달하여 특정 HTML 요소를 선택할 수 있다. $() 함수를 통해 생성된 요소를 jQue..
브라우저 뷰포트 Viewport 브라우저에서 viewport는 메뉴바, 탭 영역 등을 제외한 순수한 화면 영역. viewport 영역은 각각의 디바이스 크기에 따라 다양함. 브라우저를 확대하거나 축소할 경우 viewport 크기는 바뀌지만, 브라우저 창 크기인 outerWidth는 변하지 않음. 예시: 속성 width=device-width : 페이지의 너비를 기기의 스크린 너비로 설정합니다. 즉, 렌더링 영역을 기기의 뷰포트의 크기와 같게 만들어 줍니다. initial-scale=1.0 : 처음 페이지 로딩시 확대/축소가 되지 않은 원래 크기를 사용하도록 합니다. 0~10 사이의 값을 가집니다. minimum-scale : 줄일 수 있는 최소 크기를 지정합니다. 0~10 사이의 값을 가집니다. maximum-scale..
문서 객체 모델 (DOM) DOM을 이해하기 전에 웹 페이지가 만들어지는 방법을 이해해야 한다. 문서 객체 모델 (DOM - Document Object Modedl) XML이나 HTML 문서에 접근하기 위한 인터페이스 문서 내의 모든 요소를 정의하고 각각의 요소에 접근하는 방법을 제공 자바스크립트는 이런 객체 모델을 이용해서, 새로운 HTML 요소나 속성 추가, 제거 HTML 문서의 모든 HTML 요소, 속성, CSS 스타일 변경 가능 새로운 HTML 이벤트 추가, 반응 가능 HTML DOM 문서를 조작하고 접근하는 표준화된 방법 정의 모든 HTML 요소는 HTML DOM을 통해 접근 가능 DOM 의 특징 DOM은 HTML 문서로부터 생성되지만 항상 1:1 매핑되는 것은 아니다. (예로 HTML문서에 , 가 빠져있더라도 DOM ..
GET / POST 차이 GET 방식 URL에 변수(데이터)를 포함시켜 요청한다. 데이터를 Header(헤더)에 포함하여 전송한다. URL에 데이터가 노출되어 보안에 취약하다. 캐싱할 수 있다. POST 방식 URL에 변수(데이터)를 노출하지 않고 요청한다. 데이터를 Body(바디)에 포함시킨다. URL에 데이터가 노출되지 않아서 기본 보안은 되어있다. 캐싱할 수 없다. GET vs POST 비교 표 출처 : mangkyu.tistory.com/17
쿠키와 세션의 차이 쿠키란? 쿠키는 클라이언트(브라우저) 로컬에 저장되는 키와 값이 들어있는 작은 데이터 파일입니다. 사용자 인증이 유효한 시간을 명시할 수 있으며, 유효 시간이 정해지면 브라우저가 종료되어도 인증이 유지된다는 특징이 있습니다. 쿠키는 클라이언트의 상태 정보를 로컬에 저장했다가 참조합니다. 클라이언트에 300개까지 쿠키저장 가능, 하나의 도메인당 20개의 값만 가질 수 있음, 하나의 쿠키값은 4KB까지 저장합니다. Response Header에 Set-Cookie 속성을 사용하면 클라이언트에 쿠키를 만들 수 있습니다. 쿠키는 사용자가 따로 요청하지 않아도 브라우저가 Request시에 Request Header를 넣어서 자동으로 서버에 전송합니다. 쿠키의 구성 요소 이름 : 각각의 쿠키를 구별하는 데 사용되는..
HTML 기본 태그들 공부 (나중에 다시 정리) ##head 요소 역할: 문서의 메타데이터 집합 메타데이터: 웹 페이지에 직접적으로 보이지 않는 정보. css파일과 js파일을 연결하는 부분 ex) 페이지가 검색엔진에 노출 될지 안될지, 페이지 소개 등의 정보, head 내에 위치하는 요소 : 문서의 제목이나 이름 : 속성값으로 정보를 나타냄 인코딩에 관한 정보 --> 현제 페이지에 관한 정보 --> : css 파일을 연결할 때 사용하는 요소. #href : 링크될 외부 리소스의 URL를 명시함. #rel : 현재 문서와 외부 리소스 사이의 연관 관계를 명시함. (필수) : 현제 페이지의 인코딩을 어떤 방식으로 출력할 지 결정 ##문구 요소들1 : 기울림체 (italic) - 저자의 주관적인 강조(중요성x) : 굵은 글씨체 (blod) - 강조 : 취소..
안드로이드 스튜디오 단축키 (기본 단축키부터 코딩시 단축키까지) 유튜브를 둘러보던 중 안드로이드 스튜디오에서 자주 쓰이는 단축키에 대해 굉장히 정리가 잘 된 영상이 있어서 출처를 남기고 이를 정리하고자 한다. 또한 각각의 자세한 단축키 설명도 영상에서 확인할 수 있다. 출처는 글 하단에 남겨두겠다. 기본 사용 단축키 [Ctrl + Alt + S ] 설정 창 이동 [Alt + 1] 프로젝트 창 열고 닫기 토글 [Alt + 6] Logcat 창 열고 닫기 토글 [Alt + 7] Structure 소스 구조 창 열고 닫기 토글 [Shift + F6] Refactor 파일 이름 변경 [Shift + F10] 빌드 [Shift + F9] 디버깅 모드 빌드 [Shift 2연타] 프로젝트 내 파일 검색 [Ctrl + Shift + F] 프로젝트 내 파일 + 구문 검색 [Ctrl ..
액티비티, 프래그먼트 생명주기에 대한 고찰 (03/10 수정: 화면 회전시 추가) [ 생명주기 Example 깃허브 주소 (새창) ] + 수정 (21.03.10) 화면 회전시 추가 갑자기 스마트폰 화면을 회전했을 때 생명주기가 어떻게 변하는지 궁금해져서 바로 실험해 보았다. 내 예상으로는 onPause -> onStop 까지만 실행되고 reStart가 실행될 줄 알았으나 onDestroy까지 실행된 후에 다시 앱이 재실행 되는 것을 알 수 있었다. (그렇군..🤔) =========================================================================== 앱 개발을 하다가 문득 '평소에 구글에서 많이 봐왔던 액티비티, 프래그먼트 생명주기의 화면 전환시에 진짜 생명주기는 어떻게 될까?' 라는 궁금증이 생겨서 직접 실험 해보기로 했다. 우선 하단..
Firebase 에서 구글 로그인 SHA-1 오류 해결 Firebase와 Android 프로젝트랑 연결 후 구글 로그인을 구현할 때 Google API를 사용하려면 해당 Firebase 프로젝트에 SHA 인증서 지문이 등록되어 있어야 한다. 따라서 Firebase의 'Google 로그인 문서' 에 있는 3번 '클라이언트 인증' 부분을 참조하였는데 거기서 하라는 대로 Android Studio에 terminal에서 를 입력하였더니 이런 오류가 뜨는 것이 아닌가.. 다른 해결책을 찾기위해 구글링을 하던 중 여기서 간단하게 SHA-1 디지털 지문을 받을 수 있었다. SHA1 키가 나온걸 보고 허겁지겁 Firebase 앱 프로젝트에 디지털 지문을 추가했다. 이후 디버깅 하는데 역시 👏👏 실행이 잘 된다. 하지만 문제는 여기서 생겼다. 플레이 스토어에 등록 후 등록이..

티스토리툴바