전체 글(151)
-
svg이미지 활용
필수요소 stroke-linejoin (선이 꺽이는 부분 모양처리) - miter: 직각으로 꺽음 (기본값) - round: 모서리를 둥글게 - bevel: 두번 꺽어서 완만하게 꺽음 stroke-dasharray - 선에 빈 공간을 생성 - 수치값을 늘릴수록 빈 공간은 늘어남 - 빈공간 크기와 비례해서 선이 그려지는 영역도 같이 늘어남 stroke-linecap (선이 짤린 단면의 모양처리) - butt: 직각으로 자름 - square: stroke-width크기만큼 여백을 줘서 자름 (기본값) - round: 둥글게 자름
2021.11.02 -
문자열 관련 메소드
▶ 문자열 관련 메소드 문자열.length : 문자열 갯수 반환 문자열.indexOf("text") : 특정 문자에서 끝나는 부분의 특정 문자열의 위치를 반환해줌 문자열.lastIndexOf("text", [start]) : 특정 문자에서 끝나는 부분의 특정 문자열의 위치를 반환 문자열.search("text") : 특정 문자에서 시작하는 부분의 특정 문자열의 위치를 반환 문자열.slice(start, [end]) : 특정문자에서 특정부분의 순서값을 넣어서 문자열을 자름 문자열.substring(start, [end]) : 특정문자에서 특정부분의 순서값을 넣어서 문자열을 자름 문자열.substr(start, [length]) : 특정문자에서 특정갯수만큼 문자열을 자름 문자열.replace("origin"..
2021.10.08 -
youtube api 적용하기
$.ajax({ url: "", dataType: "jsonp", data: { part: "snippet", key: "", maxResults: 5, playlistId: "" } }).success(function(data){ console.log(data); }); }).error(function(err){ console.error(err); }); ▶ youtube data api https://developers.google.com/youtube/v3/docs/playlistItems/list ▶ youtube api https://console.cloud.google.com/cloud-resource-manager?hl=ko
2021.10.08 -
flickr api 적용하는 방법
$.ajax({ url: "", dataType: "json", data: { api_key: "", per_page: 5, format: "json", nojsoncallback: 1, privacy_filter: 5 } }).success(function(data){ console.log(data); }).error(function(err){ console.err("데이터를 불러오지 못했습니다."); })
2021.10.08 -
jQuery 기초 문법
▶ DOM 탐색 메서드 $(선택자).children(요소명) : 직계 자식 요소 중에서 요소명에 해당하는 DOM 탐색 $(선택자).find(요소명) : 자손 요소 모두 탐색해서 요소명에 해당하는 DOM 탐색 $(선택자).parent() : 직계 부모 탐색 $(선택자).siblings(요소명) : 형제 요소 중에서 요소명에 해당하는 DOM 탐색 $(선택자).next() : 형제 요소들 중에서 바로 다음에 있는 DOM 탐색 $(선택자).prev() : 형제 요소들 중에서 바로 이전에 있는 DOM 탐색 $(선택자).eq(순번) : 형제 요소들 중에서 해당 순번에 맞는 DOM 탐색 $(선택자).first() : 형제 요소들 중에서 제일 처음 요소 DOM 탐색 $(선택자).last() : 형제 요소들 중에서 제일..
2021.09.08 -
git 사용방법
▶ vscode에서 git 연결하기 1. 터미널 창을 열고 git init 입력 2. git remote add origin 깃저장소 주소 (해당 작업폴더를 깃허브와 연동) 3. git config --global user.name "유저아이디" (깃허브 유저아이디 등록) 4. git config --global user.email "이메일" (깃허브 이메일등록) 5. git status 입력시 현재 폴더 안의 파일상태 확인가능 6. git push origin master (github 업로드) ▶ git 버전별 기록 남기기 1. 터미널에 git add . 입력 (수정된 파일을 스테이지에 올림) 2. git commit -m "커밋메시지" (해당 시점의 체크포인트를 만듦) 3. git log (이전에 ..
2021.09.08