티스토리

개발 공부일기

검색하기

블로그 홈

개발 공부일기

minyeo.tistory.com/m

민여 님의 블로그입니다.

구독자: 0

방명록 방문하기

주요 글 목록

JS / getPropertyValue로 css 속성 컨트롤 아묻따 코드 만들거 = 캐러셀 구조 = container > button-left / slider / button-right slider css .slider { --slider-index: 0; transform: translateX(calc(var(--slider-index) * -100%)); transition: transform 250ms ease-in-out; } 목적이 뭐냐면 저 slider-index를 변수로 써서 가로값 트랜스폼 줄꺼 그러면 button-left를 클릭하면 slider-index가 마이너스값, button-right를 클릭하면 플러스값이 되어야 함 클릭했을때 +1 -1하니까 리액트가 생각이나네 여튼 이벤트리스너 달건데 그냥 버튼에 쿼리셀렉터 다는게 아니라 화면에 클릭이 일.. 공감수 0 댓글수 0 2022. 6. 30.
GSAP TOOLS gsap tools -tweenlite -tweenmax -timelinelite -timelinemax -plugins tweenlite cdn " target="_blank" rel="noopener">https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.3/TweenLite.min.js"> " target="_blank" rel="noopener">https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.3/plugins/CSSPlugin.min.js"> *autoAlpha:0 === opacity: 0; + visibility: hidden; tweenlite의 basic method 4가지 1. to // 이 vars안에 들어가는거는 .. 공감수 0 댓글수 0 2022. 6. 17.
GSAP JS 애니메이션 극대화하기 출처 : https://greensock.com/get-started/ GSAP이란 자바스크립트 쓰는 곳 어디든지 갖다쓸수있는 애니메이션 플러그인 캔버스태그써서 three.js, pixi.js랑 써도되고 리액트같은데도 당연히 쓸수있고 그냥 플러그인 자체만으로도 사용가능 자주쓰이는 플러그인은 1. splitText 2. Draggable 3.MorphSVGPlugin 4.DrawSVGPlugin 5..MotionPathPlugin 초간단 사용법 " target="_blank" rel="noopener">https://cdnjs.cloudflare.com/ajax/libs/gsap/3.10.4/gsap.min.js"> cdn으로 불러와주고 박스 하나 만들어서 색깔, 크기값 주기 html: div1 css: .. 공감수 0 댓글수 0 2022. 6. 17.
JS / ES6, ES11 출처: https://www.youtube.com/watch?v=36HrZHzPeuY ES6 1. Shorthand property names key와 value가 동일한 경우 줄여쓰기 가능 { const es6 = { name: 'js', age: 'very long', }; const name = 'js'; const age = 'very long' const es7 = { name, age, } } 2. Destructuring assignment 오브젝트의 key와 value에 접근할때 예를들면 student.name 이런식으로 쓰는데 이걸 const { name, level } = student; 이렇게 작성가능 3. Spread syntax 배열 복사할때 [...배열명] [...배열명1, .... 공감수 0 댓글수 0 2022. 6. 6.
three.js / 3D Model 추가해보자 유튜브 출처: https://www.youtube.com/watch?v=CojyGfCMvuU 깃헙 링크: https://github.com/minyeokang/three 3d 애니메이션 라이브러리로 동적인 웹 구현해보기 내가 요즘 캔버스 공부하고 이런 애니메이션 플러그인 알아보고있었는데 마침 내사랑 코딩애플 선생님이 three.js 이용해서 3d 그래픽 렌더링하는걸 올려주셨다 따라해보자! 1.sketchfab에서 무료 3d glTF파일 다운로드 glTF이란? GL Transmission Format // JSON기반 3차원 장면과 모델을 표현하는 파일 포맷 2.기본셋팅 html에 canvas 그려주고 npm으로 three.js 설치하던지 cdn쓰던지 하고 import해오기 //나는 npm안쓰고 그냥 강의.. 공감수 0 댓글수 0 2022. 6. 3.
canvas / 자바스크립트로 화려한 인터렉션 구현 출처: https://www.youtube.com/watch?v=Yvz_axxWG4Y&t=994s main subject 이 캔버스 컨테이너는 그래픽 컨텐츠를 담는 박스 이 박스안에 무언가를 그려넣으려면 자바스크립트를 작성해야한다, 자세한 기초 내용은 이곳을 참고하고 https://unikys.tistory.com/274 why should i use this? 일단 html에 이미 내장되어있음 = 내가 다운받아서 쓸 필요도 없고 자바스크립트로 마음껏 컨트롤해서 다양하게 구현이 가능하다. 사실 이렇게 애니메이션 주는 자바스크립트 라이브러리가 한두개가 아니다 이전 포스팅인 pixi.js도 결국 애니메이션때문이고 요즘 프론트엔드 대세인 스크롤애니메이션효과 같은걸 쓸때 이런걸 많이 사용하기때문에 연습삼아 이것.. 공감수 0 댓글수 0 2022. 6. 3.
WebGL / pixi.js tutorial WebGL => Web Graphic Library 웹상에서 2D, 3D 그래픽을 렌더링하기 위한 low level Javascript API html의 canvas 요소 위에 그려진다. PixiJS is an HTML5 Creation Engine and can be used to create beautiful digital content with the fastest, most flexible 2D WebGL renderer. =픽시는 webgl기반으로 그래픽 렌더링해주는 플러그인이다. 사용방법 픽시홈페이지에서 파일 다운로드해서 연결하거나 cdn연결하거나 npm install해서 사용하거나 여러가지 방법이 있음 참고사이트 픽시는 공홈보다 https://github.com/pixijs/pixijs 깃헙.. 공감수 0 댓글수 0 2022. 6. 2.
데이터 저장 localStorage 장바구니 추가해도 새로고침이나 재접속하면 초기화됨 - 자바스크립트 특성 데이터 기억하려면 1. 서버로 보내서 데이터베이스에 저장 2. 브라우저 저장공간에 저장 콘솔창 application에 localStorage에 저장 key 자료이름 value 자료값 session storage는 브라우저끄면 날라감 텍스트만 저장가능 다루는 문법은 localStorage.setItem('name', 'kim') // 자료저장 key : name, value: kim localStorage.getItem('name') // 자료 꺼내기 (kim꺼냄) localStorage.removeItem('name') // 자료 삭제 object 자료 저장하려면 localStorage.setItem('obj', {name : 'ki.. 공감수 0 댓글수 0 2022. 5. 8.
JS / Day 3 어떻게 프로그램을 만들건지 계획을 세우기 일단 이 예제의 주요 기능은 1. play버튼을 누르면 게임이 시작되고 2. 타이머가 돌아가서 그 시간내에 갯수만큼 클릭을 해야하고 3. 시간 내 성공,실패시 팝업이 뜨고 리플레이를 누르면 초기화 정적으로 페이지 구조를 계획 게임과 푸터 이렇게 섹션 두개가 있고 게임은 말그대로 게임 푸터는 팝업이 된다 게임은 헤더와 섹션으로 나뉘는데 헤더에 플레이버튼 타이머 카운터 있고 섹션이 게임필드가 된다 푸터는 리플레이와 성공실패메세지 이렇게 있다 css야 원하는대로 구현할수있고 js는 하나씩 풀어서 정리 - 구조를 계획를 잘 짜놓기 ----------------------------------------------------------------------- 제일 먼저 할.. 공감수 0 댓글수 0 2022. 4. 10.
JS / Day 2 2일차 공부노트 (1) 실전 coordinating cursor ※vsc에 노란색으로 글씨나오는건 함수처럼 ()쓰고 파란색(속성?)이면 =을 쓴다 이걸 자꾸 잘못써서 안되는 경우가 생김... 일단 HTML구조를 어떻게 짤지 몇개를 만들어야하는지 보고 요소를 다 만들고나면 변수에 필요한 아이들 할당을 해준다 그리고 addEventListener로 동작을 시키는데 변수로 어떤걸 한번에 지정을 하고 그 변수이름을 계속 사용 vertical.style.left = `${x}px`; 이렇게 하니 수직선이 마우스를 따라 움직이더라 position을 줘야지만 사용이 가능하다는 점 ! w3cschool 보면 클릭하면 100px씩 이 style.left로 이동시키는 예제가 있음 (2) 실전 scroll to someth.. 공감수 0 댓글수 0 2022. 4. 9.
JS / Day 1 1일차 공부 노트 (1) web api -내가 전기가 어떻게 각 아파트에 공급되는지 몰라도 스위치를 켜면 불을 킬수있는거처럼 api를 이용해서 구현할수있다 -api종류들은 mdn에서 찾을수있는데 예를들자면 드래그해서 여기로 이동하는 기능 = 이건 drag and drop api이다 -보안이유로 https에서만 작동하는 api가 많다 (2) 실습 - display window size even when its resized 1. 일단 명령을 줄 아이의 위치를 잡아야한다 querySelector가 그 역할을 하고 여기에 html태그 클래스값을 적는데 첫번째요소 한가지만 적용이되며 앞에 .을 꼭! 찍어야한다 2. innerHTML로 위치를 잡은곳에 그려넣어준다 백틱으로 스트링과 함수를 같이 나타내어 클린코딩 .. 공감수 0 댓글수 0 2022. 4. 8.
JS / 드림코딩 유튜브강의 노트 화살표함수 매개변수를 input 리턴을 output이라고 생각하고 변수이름을 짓는게 중요한게 api돌아가는거때문 하나의 함수는 한가지의 일만 하게하고 변수는 명사로 이름짓는데 함수는 동사나 명령어로 지어야함 클래스 클래스는 연관있는데이터들을 한데 묶어놓는 컨테이너 클래스 자체는 붕어빵만드는 틀 템플릿 한번만선언 데이터없이 데이터를 오브젝트로 클래스의 인스턴스가 오브젝트 오브젝트로 팥을 넣음 팥붕어빵이되는거 const 변수명 = 해당변수명.api(); join() 배열의 아이템을 스트링으로 split()스트링을 배열로 reverse()배열 순서를 거꾸로 spilce(0, 2); 0번째부터 2개를 삭제 그런데 원래 배열 자체를 바꿔버림 slice(2, 5)2번째인덱스부터 5번째까지만 반환 근데 이 5가 지정.. 공감수 0 댓글수 0 2022. 4. 8.
JS / 문서객체 영역, dataset(문서객체 사용자정의속성) 문서객체 영역 속성의 종류 ※padding, border에 의해 영역이 넓어지기 때문에 순수 가로세로 높이 구하지않음. 종류 설명 clientHeight padding을 포함한 높이 clientWidth padding을 포함한 폭 offsetHeight border, padding, 스크롤바를 포함한 높이 offsetWidth border, padding, 스크롤바를 포함한 폭 scrollHeight overflow때문에 볼수 없는 높이까지 padding을 포함한 높이 scrollWidth overflow때문에 볼수 없는 폭까지 padding을 포한한 폭 ------------------------------------------------------------------------------------.. 공감수 0 댓글수 0 2022. 4. 5.
JS / 에러, 클래스 에러 구문의 종류 종류 설명 try 코드 블록에서 오류를 테스트할 수 있는 구문 catch 오류를 처리할 수 있는 구문 throw 사용자 지정 오류를 만들 수 있는 구문 finally 결과와 관계없이 try 및 catch 후에 코드를 실행할 수 있는 구문 try catch // aalert is not defined 라고 출력 //try catch는 세트로 사용됨 Throws 오류가 발생되면 자바스크립트는 중지되고 오류메시지를 생성 || 자바스크립트의 예외를 발생시켜 오류를 일부러 발생. =사용자 지정 오류를 만들수있음 ※예외 대상 String, Number, Boolean, Object try와 catch와 함께 throw를 사용하면 프로그램의 흐름을 제어하고 사용자 지정 오류메시지를 생성할수있다. f.. 공감수 0 댓글수 0 2022. 4. 5.
JS / 정규표현식 RegExp 정규 표현식이란 문자열 검색 패턴을 형성하는 일련의 문자를 의미 텍스트 검색 및 바꾸는 작업에 사용 이메일,id,pw같은 복잡한 문자 일치 검색 패턴으로 빠르게 수행가능 역할 search, replace, extract 테스트 사이트는 https://regex101.com/ 외 4가지 - 오쌤 사이트 참고바람 https://ossam5.tistory.com/240?category=938138 [JS강좌] 26강 자바스크립트 정규표현식(RegExp) - 오쌤의 니가스터디 1. 정규표현식(Regular Expresstions)이란? - 정규표현식이란 문자열 검색 패턴을 형성하는 일련의 문자를 의미합니다. - 검색 패턴은 텍스트 검색 및 텍스트 바꾸는 작업에 사용할 수 있습니다. - 간단 ossam5.tist.. 공감수 0 댓글수 0 2022. 4. 5.
JS / DOM Node와 Forms -html 문서의 모든 것 = 노드 document = 문서 노드 html요소 = 요소 노드 html내부 텍스트 = 텍스트 노드 html태그 속성 = 속성 노드 주석 = 주석 노드 hhtml 태그 = 루트 노드 Node간의 탐색 노드 속성 종류 설명 parentNode 선택된 문서객체의 부모노드선택 childNodes[노드번호] 선택된 문서객체의 자손노드선택 - 여러개일 수 있으므로 배열로 선택 firstChild 선택된 문서객체의 첫번째 자손노드선택 lastChild 선택된 문서객체의 마지막 자손노드 선택 nextSibling 선택된 문서객체의 바로 다음(동생) 동위요소 노드 선택 previousSibling 선택된 문서객체의 바로 이전(형) 동위요소 노드 선택 공백도 포함되어서 요소만 세고 싶으면 [.. 공감수 0 댓글수 0 2022. 4. 5.
JS / 문서객체생성과 이벤트 정적생성 - HTML문서에 태그로 직접 작성하여 생성 동적생성 - 자바스크립트로 문서객체 생성 innerHTML속성을 이용한 문서객체 생성 = 선택된 문서객체에 HTML코드를 문자열로 처리해주는 속성 코드예시 body script var text = document.getElementById('text'); text.innerHTML='링크태그입니다.'; =>빈 화면에 링크태그입니다 라고 기입되어 나옴 =>f12 elements 부분을 보면 h1태그 안에 자손으로 a태그가 들어간걸 확인가능 document.write()메서드 ※준비구문 사용하게 되면 기존 문서객체를 모두 삭제해버리니 주의해서 써야함 document.write('제목'); createElement()메서드 ※요소를 생성해주는 메서드로 생성.. 공감수 0 댓글수 0 2022. 4. 4.
JS / 코딩앙마 유튜브강의 노트 유일한 식별자 const a = Symbol(); 1. 유일성을 보장 2. 괄호안에 설명을 붙여줄수도있다 문자열을 생성해도 심볼생성에 영향을 미치지 않음 =설명이 똑같아도 같은게 아님 3. Object.keys();해도 심볼은 나타나지 않음 이렇게 숨겨진걸 어디에 쓰냐 =원본 데이터는 건드리지 않고 속성을 추가할때. -------------------------------------------------------------- 전역심볼 Symbol.for() 이름이 같으면 같은 객체를 가르켜야할때 1.하나의 심볼만 보장받음 - 없으면 만들고, 있으면 가져오기 때문 2.Symbol은 매번 다른 심볼값을 생성하지만 Symbol.for는 하나를 생성한 뒤 키를 통해 같은 심볼을 공유 const id1=Symb.. 공감수 0 댓글수 0 2022. 4. 4.
JS / DOM - 속성, 메서드, 준비구문 자바스크립트가 할 수 있는 DOM의 동적기능 페이지의 모든 HTML, 태그, CSS를 변경 제거 추가 할수있다. 메서드 종류 설명 getElementById('아이디명') 문서객체인 태그의 id값으로 문서객체를 선택함 getElementsByTagName('태그명') 문서객체인 태그명으로 문서객체를 선택함. 태그는 한개만 쓰지 않기 때문 복수인 배열로 선택함. getElementsByClassName('클래스명') 문서객체인 태그의 class값으로 문서객체를 선택함. 클래스명도 역시 한개만 쓰지 않기 때문에 복수인 배열로 선택함 querySelector('CSS선택자') CSS선택자로 문서객체를 직접적으로 선택함, 여러 요소가 한번에 선택될때는 일치되는 첫번째 요소를 반환 querySelectorAll(.. 공감수 0 댓글수 0 2022. 4. 4.
JS / BOM - navigator, screen navigator 속성 종류 설명 appCodeName 브라우저의 코드명을 반환 모든 최신 브라우저는 호환성을 이유로 [Mozilla]를 반환 appName 브라우저의 이름을 반환 IE11, Firefox, Chrome, Safari는 [Netscape]를 반환 IE10이하의 버전은 [Microsoft Internet Explorer]를 반환 Opera는 [Opera]를 반환 appVersion 브라우저의 버전 정보를 반환 cookieEnabled 브라우저에서 쿠키를 사용할지 여부를 지정하는 불표현식(true/false)를 반환 geolocation 사용자의 위치를 찾는데 사용할 수 있는 Geolocation개체를 반환 language 브라우저의 언어버전을 반환 onLine 브라우저가 온라인 또는 오프라.. 공감수 0 댓글수 0 2022. 4. 1.
JS / BOM- location, history location 속성 종류 설명 hash hash속성은 url의 해시기호(#)를 포함하여 주소를 설정하거나 반환하는 속성 host host속성은 url의 호스트명과 포트를 설정하거나 반환하는 속성 hostname hostname속성은 url의 호스트명을 설정하거나 반환하는 속성 href href속성은 현재 페이지의 전체 url를 설정하거나 반환하는 속성 origin origin속성은 url의 프로토콜, 호스트명, 포트번호를 반환하는 속성 pathname pathname속성은 url의 경로이름을 설정하거나 반환하는 속성 port port속성은 서버가 url에 사용하는 포트번호를 설정하거나 반환하는 속성 protocol protocol속성은 콜론을 포함하여 현재 url의 프로토콜을 설정하거나 반환하는 속성 .. 공감수 0 댓글수 0 2022. 4. 1.
JS / BOM, window 공부한 곳: https://ossam5.tistory.com/224?category=938138 [JS강좌] 14강 BOM - window객체 - 오쌤의 니가스터디 * 객체의 큰 부분 종류 설명 기본내장객체 기본적인 객체들로 보통 컴퓨터 언어들은 갖고 있는 객체 BOM(Browser Object Model) 브라우저오브젝트 모델, 브라우저 관련 객체 DOM(Document Object Model) 문서객. ossam5.tistory.com BOM의 객체에는 window - 브라우저 창 객체, BOM의 최상위 객체 location - 주소표시줄 객체 screen - 운영체제 화면 객체 history - 방문기록 객체 navigator - 브라우저 정보 객체 document - 문서객체 - body태그 부분.. 공감수 0 댓글수 0 2022. 4. 1.
JS / Number, Math, Array Number선언 var num= 100; //변수식 선언 var num = new Number(100); // 생성자함수식 선언방식 string형변환 //합계를 구하는 프로그램 var left = prompt('좌변값입력', '정수입력') var right = prompt('우변값입력', '정수입력') alert('결과: ' + (Number(left) + Number(right))); Number()이렇게 묶어줌 속성과 메서드 종류가 많지만 쓰이는게 그렇게 많지않다 Number 메서드 toString() 숫자를 문자열로 반환 toFixed() 매개변수에 지정한 소수 자릿수만큼 반환 Math 메서드 - new라는 키워드를 사용하지 않는 유일한 기본내장객체 숫자를 정수로 만드는 ceil() = 올림 flo.. 공감수 0 댓글수 0 2022. 3. 31.
JS / String, Date String 1. 변수식선언 var str01 = '안녕하세요'; 2. 생성자함수식선언 var str02 = new String ('안녕하세요'); 3. 속성 length 글자수 //비밀번호를 받아 alert var pass = prompt('비밀번호를 입력하세요','8~12자 사이'); if(pass.length >= 8 && pass.length 녕 반환 var after = prompt('주민번호를 입력하세요','7자리'); var first - after.charAt(0); if(first == 1 || first == 3){ alert('남자'); }else if(first == 2 || first == 4){ alert('여자'); }else{ alert('다시입력하세요'); } concat(.. 공감수 0 댓글수 0 2022. 3. 30.
JS / 객체, 생성자 함수 객체는 크게 기본내장객체, BOM, DOM 으로 나뉘고 기본내장객체(컴퓨터언어라면 내장하고 있는 객체)에는 string number math array date object BOM(브라우저 관련 객체)에는 window screen location history navigator document DOM(문서객체 모델)에는 element text etc 가 있다. var 객체명 = { 속성명: 값, 메서드명: function(){ } } var car = { //속성: 값이 함수가 아닌 유형 name: 'MINI', //문자 model: 'MINI COOPER S', //문자 color: ['red','blue'], //배열 mileage: 12.3, //숫자 //메서드: 값이 함수인 유형 power: fu.. 공감수 0 댓글수 0 2022. 3. 30.
JS / 함수 *함수의 선언과 호출 함수선언 function test(){ alert('안녕하세요'); } 함수호출 test(); function coffee(){ alert('교실나가기'); alert('스타벅스가기'); } coffee(); 이렇게되면 즉시호출 html에 점심시간 해주면 시점이 정해짐 *매개변수 함수의 괄호안에 적는 변수를 매개변수라고 함 함수는 x값에 따라 결과가 변하는 건데 그게 바로 매개변수 x는 미지의 수 더하기 연산할때 사용자가 어떤값을 사용할지 우리는 모른다. 그래서 사용 function coffee(menu){ alert('교실나가기'); alert('스타벅스가기'); alert(menu + '주문'); } html에 아메리카노 라는 버튼을 클릭하면 alert창이 뜨는데 아메리카노주문 .. 공감수 0 댓글수 0 2022. 3. 29.
JS / 배열, for in 규칙이 없는 것도 반복할수있는 배열과 For in문 배열이란? 값을 여러개 저장하는 공간 기본 내장 객체의 한 종류 var 배열명=[값1, 값2, 값3]; 배열 전체 호출: 배열명 배열값 일부 호출: 배열명[인덱스번호] 여러개를 나열하다보니 개수를 반환하는 length라는 속성이 있다. ex) alert('소녀시대는 ' + ' + gg.length + ' 명입니다.'); 배열에는 문자열 숫자 불 함수 객체 전부 다 담을수있다 변수랑 같은데 값을 나열하는것 뿐 배열 for문 // alert(gg[0]);이걸 배열있는만큼 반복해서 작성하지 않아도 된다는 것 gg에 배열값 줬음 for(var i=0;i 공감수 0 댓글수 0 2022. 3. 28.
JS / 반복문 *복합대입연산자란? +-*/% 와 = 의 결합 a=a+1; = a+=1; a값에 1을 추가하겠다 var num = 10; num += 10; console.log(num); = 20으로 처리됨 var korea = '대한'; korea += '민국'; console.log(korea); = 대한민국으로 처리 *증감연산자란? 1씩 증가하는 연산자 변수++ 기존에서 1씩 증가하는데 다음 줄 부터 ++변수 동일한데 현재 줄 부터 변수-- 1씩 감소하는데 다음 줄 부터 --변수 동일한데 현재 줄 부터 var num = 10; console.log(++num); *while문 while(조건식){ 반복할 표현식} 경고창 1~10까지 반환 var num = 1; while(num =0;i--;){ alert(i);.. 공감수 0 댓글수 0 2022. 3. 28.
JS / switch, 삼항연산자, 짧은조건문 switch(데이터){ case 값1; 값이 맞을때 표현식; break; case 값2; 값이 맞을때 표현식; break; default: 값의 기본처리표현식; } switch, case, break, default 모두 키워드 입니다. 예제 : 주민번호 뒷자리 첫번째가 1,3이면 남자 2,4면 여자 / if가 아니니 논리합연산자가 아니라 switch구문 사용 var firstNum = prompt('주민번호~웅앵','1~4사이 정수입력'); switch(firstNum){ case '1': (if랑 다르게 반드시 작은 따옴표 써줘야함) alert('남자'); break; default: alert('1~4 사이로 입력하시오'); break; } case를 반복해서 작성하는데 이걸 case '1': ca.. 공감수 0 댓글수 0 2022. 3. 28.
JS / 기초, 변수, 조건문 if 공부한 강의 : https://www.youtube.com/watch?v=zN9YVbieTSQ /오쌤의 니가스터디 (왕초보에게 적합) https://www.youtube.com/watch?v=KF6t61yuPCY / 코딩앙마 (일반 초보에게 적합) https://www.youtube.com/watch?v=OCCpGh4ujb8 / 드림코딩 엘리 (어느정도 지식이 필요) *완전언어가 아니여도 데이터 출력이 가능한 아이들 alert(); 경고창에 값 표현 document.write(); body 내부에 값 표현 console.log(); 콘솔창에 값 표현 Ex) alert('값'); - alert('안녕하세요'); *태그도 문자열로 쓸수있다 document.write(' ); *키워드는 js가 특별한 의미를 .. 공감수 0 댓글수 0 2022. 3. 25.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.