아싸지만 1일1글 하고싶어

목차 어제 하루 종일 지도만 그렸다.. 후.. 그럴필요 없었는데 퀄리티 높이고 싶어서... svg path svg는 저번 포스트에서 다룬 적 있다. html 그리기 Svg / Canvas SVG 데이터 전달용을 목표로 한 XML를 기반으로 한 언어로써 벡터를 기반으로 한 그래픽을 표현하는 언어이다. 벡터 : 기준좌표로부터 방향과 크기를 가진 물리량 즉 선을 그으면 A(x,y)위치 / 각도 sirong.tistory.com path는 안다뤘.. 는데, path는 선으로 만든 오브젝트이다. 요런 느낌 코드는 이런 식인데 자주 쓰는 방식으로 예를 들면, 검은색(#000)으로 채우기, M(절대좌표 이동) x/y { (100, 100) -> (100, 0) -> (0, 100) }으로 선 그리기이다. 일러스트로 ..

목차 자동 스크롤 오늘은 함수로 자동 스크롤 이동을 포스팅하려 한다. 사소하긴 한데 페이지에 한 번씩은 쓰이는 것 같다. 기본적인 함수 모양은 이렇다. element.scrollTo(x-coord, y-coord) 첫 번째 인자는 x축(가로) 두 번째 인자는 y축(세로)이다. window.scrollTo(8000, 0); x축으로 8000px 이동 window.scrollTo(0, 8000); y축으로 8000px 이동 코드 import React from "react"; import styled, { createGlobalStyle } from "styled-components"; function App() { function ToBottom(e) { window.scrollTo(0, 8000); } ..

귀여운 게 내 취향이다 아 내가 맘에들어했던 위에것들은 다 유료였구나 ㅎ... 무료인 것 중간에 유료인 것도 있다. 디자인쪽으로 힘쓸꺼라면 구독 할 것 같다. 어제 포스팅할 때 조금 썼는 거라 제한 개수가 있는지 모르겠지만 일단 편한 확장자로 준다. 다운로드 때 태그 예제를 보여주는 것 보니, 태그로 넣을 수도 있는 것 같다. Flaticon, the largest database of free vector icons Download all icons in SVG, PSD, PNG, EPS format or as webfonts www.flaticon.com

목차 쿠키 쓰는 법에 대해 적으려 했다가 개념을 먼저 적었다 후후... 설명하는 방식으로 블로그를 쓰니 이렇게 개념을 짚고 넘어가게 된다. 쿠키와 세션 목차 쿠키 사용법을 포스팅하려는데 쿠키와 세션의 차이점에 대해 명시를 하고 적는 게 좋다고 생각되었다. 쿠키와 세션 HTTP 목차 CORS와 Representational를 알아가면서 계속 나왔던 것은 HTTP 였다. sirong.tistory.com React cookie 쿠키에 대해 알아보았으니, 쿠키를 쓰는 법에 대해 알아보자! npm install react-cookie 일단 패키지를 다운받자 import React from 'react'; import ReactDOM from 'react-dom'; import { CookiesProvider }..

목차 쿠키 사용법을 포스팅하려는데 쿠키와 세션의 차이점에 대해 명시를 하고 적는 게 좋다고 생각되었다. 쿠키와 세션 HTTP 목차 CORS와 Representational를 알아가면서 계속 나왔던 것은 HTTP 였다. 이제 그 개념을 건드려보자. HTTP Hyper Text Transfer Protocol의 약자로 이다. ... Hyper는 엄청난이란 뜻이다. (진짜!!) HTTP 구조.. sirong.tistory.com 해당 글에서 말했듯이 HTTP는 항상 연결되어있는게 아닌 필요할 때 요청을 보내고 응답을 받는, 비연결성이란 특징을 가지고 있다. 이는 클라이언트가 응답을 받으면 서버는 접속을 끊는다는 건데 연결이 끝나면 상태 정보가 유지되지 않는 특성이 있다. 예로 들어 로그인을 한 뒤, 다른 도메..

목차 오랜만에 포트폴리오를 만지니깐 포스팅할 아이템도 더 눈에 띈다. 잠시 거리를 두고 보는 것은 이러한 장점이 있다. createElement 태그 스타일 변경 일단 createElement 함수에 대해 모르는 사람은 알아보고 오자! JS로 태그 추가하기 목차 저번 포스트에서 태그 추가하는 법을 지나치듯 짚고 넘어갔었다. SVG Z-index 목차 SVG SVG는 백터 로 이미지 를 표현하는 태그 이다. 이런 식으로 html 그리기 Svg / Canvas SVG 데이터 전달용을 목표 sirong.tistory.com 글이 80개 정도 쌓이니깐 슬슬 기초적인 건 다 적어놨다고 생각하는 게 편하다. 인용할 때도 그렇고, 포스팅 주제 찾을 때도 그렇고. 함수로 element를 만들었을때 해당 태그 스타일을 ..

목차 styled components 심화편 React의 styled components 심화 편이다. 설치와 기본적 사용은 이 글을 참고하자. styled component 목차 ... styled-component에 대해 쓸려고 기본적 구글링을 하는데 혼란스러웠다... 뭔가.. 앞뒤가 맞지 않는 정보가 많았다... 그만큼 내 글이 더 도움이 된다는 뜻이지!! (무~~ 야~~~ 호~~~) 내일 포스트 sirong.tistory.com //App.js import React from "react"; import styled from 'styled-components'; function App() { return ( ); } const D_styled = styled.div` display: inline-..

export 여러개 ()() 스크롤 바 없애기 스크롤 이동하기 scrollTo vanilla js Redux react redux redux toolkit A?.b