본문 바로가기

쬬의 기초정리13

<시멘틱 태그> 리스트 시멘틱 태그 정리 > 순서없는 목록 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam velit modi est amet voluptas dicta nostrum incidunt dolore atque, unde maiores facere consectetur provident et distinctio dolor eveniet tempora aut! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam velit modi est amet voluptas dicta nostrum incidunt dolore atque, unde maiores facere consectetur provident e.. 2023. 9. 16.
<시멘틱 태그> 서식 시멘틱 태그 정리 > 문단 문단 문단 문단 문단 문단 띄어쓰기 문단 밑줄 pre : 정의된 형식 block 그룹 inline 그룹 strong 강조 em / 기울기 mark 형광 small 저작권 제거된 텍스트 밑줄 subscript 아래첨자 윗첨자 blockquote 인용구 / block 인용구 / inline 줄임말 2023. 9. 16.
[javascript] FormData 에서 form 쉽게 넣어주기 정석방법 비교 append , stringify ✔️ 정석 방법 let form = new FormData(); form.append("id","id"); form.append("password","password") ✔️ stringify 사용한 방법 data 구조 그대로 stringify 로 감싸주면 string 화 되면서 form 요소처럼 사용이 가능하다. stringify({id:id,password:password}) ✔️ axios 호출시 const { data } = await axios.post(`url`,stringify(params)); 2023. 8. 31.
[websoket] 웹소켓 사용해 데이터 호출하기 / 웹소켓 데이터보기 Websoket Websoket 이란? WebSocket은 WS 수신을 기반으로 클라이언트와 서버 사이에 지속적으로 완전 양방향 연결 스트림을 생성하는 기술입니다. 일반적으로 채팅 기능이나 서버의 수신을 기다려야 하는 어플 및 웹사이트에서 사용하는 기술입니다. Websoket 호출 exampleSocket.onopen 을 우선적으로 선언해주는 이유는 연결이 시작 된 이후 send() 를 호출해주어야 하기 때문이다. 웹소켓 사용시 소켓의 binaryType 이 다른 경우가 있다. 이럴때는 선언후, 선언 변수에 binaryType 을 변경해서 진행하면 된다. // 웹소켓 선언 var exampleSocket = new WebSocket("소켓 url"); // 웹소켓 호출 exampleSocket.onope.. 2023. 7. 16.
[Google Search Console] 색인생성 자동화 만들기 /구글서치콘솔 / Python google search console 도입 이번에 google search console 을 티스토리 블로그에 도입하면서 정말 많이 고생했다.. 2주 전 신청했던 ads sens 는 승인이 나지도 않고,,, 구글 색인은 100개가 넘도록 색인이 생성되지 않는 문제가 발생했다. 원인을 열심히 검색해보았지만 URL 검사 후 색인 생성을 해야한다는 글을 보게되고 시도해봤는데 URL 검사는 대략 1-2분 색인생성 요청은 생성갯수 제한이 있었다. 하다보면서 너무 열받아서 그만 둘까? 생각도 해봤는데, 이렇게 불필요하게 수동으로 하는것도 열받고.. 크롤링 대기열에만 올려놓고 주구장창 기다리면서 매일 확인해야하니 짜증이 슬슬 올라왔다. 그래서 열심히 검색해서 자동화 코드를 찾아냈다. 물론 아래 코드는 기존에 있던 .. 2023. 7. 12.
[BlockChain] 블록체인 개념/구조 쉽게 이해하기, 블록체인 코드 작성 블록체인 이란? 블록체인은 네트워크를 통해 관리되는 분산 데이터베이스의 한 형태로 , 중앙서버에 집중된 상태가 아닌 탈 중앙화 상태에서 노드간의 공동 기록 및 관리하여 다양한 분야에 활용이 가능한 기술입니다. 블록체인의 형태는 초기 블록을 기준으로 각각 체인으로 연결된 형태입니다. 하나의 블럭에 헤더,바디로 존재하며 각각의 블럭은 고유의 해시값과 이전 블록의 해시값을 가지고 있습니다. 해시(Hash)는 점 하나 찍어도 완전히 다른 코드로 변하는 성질을 가지고 있으며 이런 Hash 의 특징을 이용해 이전 블럭과 현재 블럭의 상태를 블럭끼리 서로 공유할 수 있는 형태입니다. [블록체인의 구조 - 헤더] version - 소프트웨어 버전 previousHash - 앞에 위치한 블록의 해시 merkleHash .. 2023. 7. 1.
[Git] git user name / email / password 기본정보 세팅하기 git 을 사용하다보면 password 가 만료되거나, github gitlab 의 정책이 바뀌면서 token을 기간제로 다시 입력해줘야하는 경우가 종종 일어난다. 그런경우 password 대신 token을 입력하고 세팅하면 되는데, 이런 경우와 컴퓨터를 초기화 시킨 경우 등등 git 세팅을 바꿔줘야하는 경우가 아주 많다. 이럴 때, 터미널을 키고 `git config --list` 를 치면 입력된 사용자 정보를 확인할 수 있다. joeun@joeuns-MacBook-Air ~ % git config --list credential.helper=osxkeychain init.defaultbranch=main user.name=[아이디/이름] user.email=[이메일] 이렇게 쳤는데, user.name.. 2023. 6. 24.
[javascript] 문자열을 숫자형으로 바꾸기 input 에 들어가는 모든 값들은 자동으로 type이 string 으로 바뀌어서 value 값에 찍히게 된다 이런경우 숫자형으로 변환해주는 가장 쉬운 두가지 방법이 있다. 1. Number()로 감싸준다 let stringNum = "12" let number = Number(stringNum) console.log(stringNum) // "12" console.log(number) // 12 2. string 숫자 앞에 + 를 넣어준다 let stringNum = "12" let number2 = +stringNum console.log(stringNum) // "12" console.log(number2) // 12 2023. 2. 25.
[svg] 개념과 도형의 기본이해하기 xml코드 기반의 확장 가능한 벡터 그래픽 (점과 점 사이를 연결해서 라인의 길이를 계산해서 자동으로 연결시켜줌) 아이콘, 로고, 그래프, 사용자 인터페이스에 자주 사용된다. dom의 일부로써 각 객체별로 html 에서 엘리먼트로 추가됨 특징 벡터기반이기 때문에 이미지의 크기에 상관없이 선명하게 유지됨 모양이 복잡하지 않은 경우에는 용량도 작다. css나 스크립트도 다양하게 조작이 가능하다. 아이콘, 로고, 그래프, 사용자 인터페이스 등에서 사용 단점 선 하나하나가 데이터로 표현되기 때문에 복잡하고 개체수가 많을수록 용량이 증가하여 효율성이 떨어진다. (아이템이나 로고정도에만 사용하는 이유다) 그래픽요소이기때문에 fill 색이 그라데이션이 들어간 svg는 이미지가 깨진다 사용방법 태그상에 백그라운드 이미.. 2022. 11. 19.
[javascript] if 와 switch 에 대해 알아보자 if 문 / switch 문 지정한 조건이 참인 경우 명령문을 실행한다. 조건이 거짓인 경우 또다른 else if 문이나 else 를 사용해 다른 명령문을 실행할 수 있다. 👉 test 값에 따른 명령문 실행 let test = 1; if(test === 1){ alert("1이 맞습니다") } else if(test === 2){ alert("2가 맞습니다") } else { alert("1도 2도 아닙니다.") } 👉 test 값에 따른 함수실행 let test = 1; if(test === 1){ test01(); //조건에 맞는 함수 실행 } else if(test === 2){ test02(); //조건에 맞는 함수 실행 } else { another(); //조건에 맞는 함수 실행 } // 함.. 2022. 11. 19.
반응형