개발 10
카카오톡 쿠키 삭제 - og 이미지
카카오톡 쿠키 삭제. og 이미지 쿠키 삭제에 관련된 내용을 소개해드리겠습니다. 이 포스트를 끝까지 읽어주신 분들은 카카오톡 쿠키 삭제를 어떻게 해야 할지 알 수 있을 거예요. 카카오톡 쿠키 삭제의 정보가 필요하시면 전체 다 읽어주세요. 이제 아래에서 설명해드리겠습니다. 1. 카카오톡 쿠키 삭제 이유 카카오톡 공유 이미지 ① 카카오톡 공유 화면 확인 카카오톡으로 자신이 만든 웹사이트를 공유해봅니다. og 태그를 잘 적어주었다면 이미지와 설명글이 잘 나오는 것을 알 수 있어요. 그런데 여기서 수정을 한다면 카카오톡에 바로 적용이 될까요? 아니요. 아마 이전 이미지와 설명글이 그대로 나올 것입니다. 카카오톡 쿠키 삭제를 하지 않으면 이전에 있던 쿠키가 그대로 남아 수정된 모습이 나오지 않을 것입니다. 이유를..
자바스크립트 선택자 querySeletor
자바스크립트에서 요소를 어떻게 선택하는지 알아봅시다. 1. querySeletor document.querySelector("#main"); querySelector 도큐먼트. 즉, 브라우저 상의 요소. html의 요소를 선택할 때 document.querySelector( ) 괄호 안에 선택자를 입력하면 됩니다. 대소문자에 유의하여 적어주세요. - 선택자 선택자 이름 * 전체 선택자 # id 선택자 . class 선택자 선택자 종류 크게 이 세 가지 정도만 알아도 선택하는 데는 문제가 없을 겁니다. 선택자와 함께 본다면 위의 예시는 main이라는 id값을 가진 요소를 선택한다고 볼 수 있죠. - 2. 변수 선언 let main = document.querySelector("#main"); 변수 선언 꼭..
[Python] 파이참 설치 해보자
안녕하세요. 개자이너 씸플레이입니다. 파이썬 통합개발환경인 파이참을 설치해보겠습니다. 통합개발환경이란 코딩, 디버그, 컴파일, 배포 등을 한 번에 처리할 수 있는 프로그램을 말합니다. 하지만 이렇게 말하면 무슨 말이지 하고 감이 오지 않으실 겁니다. 지금은 너무 이해하려고 애쓰지 말고 그냥 이것저것 가능한 종합세트 정도로 이해해주셔도 괜찮습니다. 통합개발환경이기 때문에 에디터의 기능, 즉 코딩을 할 수 있으니 익숙한 에디터의 기능부터 사용하며 점차 다른 것들도 사용해주시면 됩니다. [먼저 보면 좋은 포스팅] [coding/etc] - [Python] 파이썬 설치하기 1. 파이참 실행파일 다운 https://www.jetbrains.com/ko-kr/pycharm/ PyCharm: JetBrains가 만든..
[Python] 파이썬 설치하기
안녕하세요. 개자이너 씸플레이입니다. 두근두근 파이썬의 첫걸음 Python interpreter을 설치해보겠습니다. 1. Python interpreter 파이썬은 비단뱀이라는 뜻으로 아이콘이 뱀 두 마리처럼 생겼습니다. 유래가 뱀이랑 관련이 있는 것은 아니고 파이썬 제작자인 귀도 반 로섬이 좋아하는 코미디 〈Monty Python's Flying Circus〉 에서 따온 이름입니다. 코미디는 찾아보지 않았지만 뱀이 두 마리 나오나 봅니다. Python interpreter는 사람이 적은 파이썬 코드를 컴퓨터 언어로 바꿔주는 번역기랍니다. interpreter가 통역사라는 뜻이니 굉장히 직관적인 이름이랍니다. 영어라서 그렇지ㅜ 컴퓨터 언어는 영화에서도 가끔 나오는 00101000011 같은 이진법으로 이..
[개발자 도구] 설정값 보기
안녕하세요. 플입니다. 개발자 도구에서 설정값을 편하게 확인해볼게요. 1. 개발자 도구 열기 개발자 도구란 이렇게 생긴 창을 말해요. F12를 누르거나 오른쪽 클릭 > 검사를 누르면 열 수 있어요. 2. 설정 확인할 요소 클릭 특정 요소의 설정을 확인할 거니까 왼쪽 상단에 있는 화살표 모양 아이콘을 클릭해주세요. 그리고 원하는 부분에 마우스를 올리면 이렇게 블럭처리가 됩니다. 원하는 부분이 맞다면 클릭해주세요. 클릭하면 개발자 도구에서 어떤 부분인지 표시가 됩니다. 간단하죠? 3. 설정값 확인 설정값을 편하게 확인하려면 옆쪽으로 가서 computed라는 메뉴를 선택해주세요. 이렇게 설정된 css값을 정리된 형태로 확인할 수 있어요. 만약 내가 설정하지 않은 값이 나와있어요!!! 하시는 분들은 기본 값이 ..