본문 바로가기

전체 글38

[JS]three.js - 3D 자바스크립트 라이브러리 https://threejs.org/ Three.js – JavaScript 3D Library threejs.org 2022. 7. 12.
AI기반 한글폰트 찾아주는 사이트 https://kfonts.kr/ AI한글폰트검색 이 폰트 뭐야? 사진속에 궁금한 폰트! AI가 알려줄께요! 약 4천종의 한글 폰트를 검색할 수 있는 폰트 이미지 검색 엔진. AI 한글 폰트 검색. 이미지 검색 엔진. fontbox.kr 2021. 7. 27.
[jQuery] jQuery 슬라이드 라이브러리 jQuery 기반 슬라이드 라이브러리 1. Slick https://kenwheeler.github.io/slick/ slick - the last carousel you'll ever need slick is a responsive carousel jQuery plugin that supports multiple breakpoints, CSS3 transitions, touch events/swiping & much more! kenwheeler.github.io 2. Bxslider https://bxslider.com/ jQuery Content Slider | Responsive jQuery Slider | bxSlider Coded with ♥ by bxslider.com 3. swiper sl.. 2021. 7. 25.
[JS] Youtube Iframe API - 유튜브 영상을 사이트에 삽입하기 유튜브 영상을 내 사이트에 삽입하는 방법은 2가지가 있다. (URL 링크 클릭해서 유튜브로 페이지 이동을 하는 게 아니라 영상을 내 웹사이트 그 자리에서 바로 재생해서 볼 수 있도록 하는!) [유튜브 iframe api 공식문서] https://developers.google.com/youtube/iframe_api_reference 1. 영상 퍼가기 삽입하고자 하는 영상을 공유하기 버튼을 클릭하여 iframe 태그를 임베드(embed) 하는 방법. 해당 영상 > 공유하기 버튼 > 퍼가기 버튼 > HTML 태그 복사 > 원하는 곳에 붙여넣기 코드에 파라미터를 추가적으로 덧붙여서 자동재생, 음소거, 동영상 재생 목록, 재생 반복여부 등등의 기능을 설정할 수 있다. 플레이어 매개변수 사용방법 : 에서 영상아.. 2021. 7. 19.
코딩테스트 사이트 코딩테스트 사이트 1. 프로그래머스 https://programmers.co.kr/ 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 2. 백준 https://www.acmicpc.net/ Baekjoon Online Judge Baekjoon Online Judge 프로그래밍 문제를 풀고 온라인으로 채점받을 수 있는 곳입니다. www.acmicpc.net 3. 구름 LEVEL https://level.goorm.io/ 구름LEVEL 코딩테스트에서 가장 높은 비중을 차지하는 알고리즘 문제를 제작하고 풀이할 수 있는 온라인 저지 서비스입니다. 기업에서 선호하는.. 2021. 6. 28.
2021년 2회차 정보처리기사 필기 후기 저는 디자인 전공이고, 현재는 웹퍼블리셔로 일을 하고 있습니다. (비전공자라는 말) 근데 추후에 프론트엔드 쪽을 생각하고 있기때문에 정보처리기사 자격증 있으면 좋을 것 같고(없는 것 보단), 목표를 가지고 공부하기 위해서 정처기에 도전했습니다! 2020년도 부터 바뀐 시험이라고 해서 2020,2021년도 기출문제 위주로 공부를 했습니다. 문제집은 시나공에서 나온 정보처리기사 필기 문제집으로 했고, 개념에 대한 온전한 이해보다는 문제와 답을 암기하는 식으로 공부했습니다. java, c언어, 파이썬, SQL 문제는 아예 버리는 문제로 생각하고 공부 안 했습니다.. 이것까지 공부하긴 너무 빡세서... 2021년 2회차 정보처리기사 필기 시험 결과 정말 아슬아슬하게 합격했네여 ㅠㅠㅠㅠ 과락 점수인 40점 겨우 .. 2021. 5. 24.
손코딩 노트 양식 손코딩은 코딩 실력을 키울 수 있는 좋은 방법 중 하나인데요! 손코딩 노트 양식 공유합니다 :) 마음껏 편하게 사용하시구, 같이 실력있는 개발자로 쑥쑥 성장해요! A4 사이즈입니다. 들여쓰기 구분선과 격줄마다 색을 달리하여 줄 구분이 편리합니다. 컬러버전과 흑백버전이 있어 인쇄시 잉크를 절약할 수 있습니다. 2021. 5. 24.
랜덤으로 이미지를 생성해주는 사이트 사이트를 만들다보면 단순 레이아웃을 위한 용도로 이미지가 필요할 때가 있습니다. 이럴 때 사용하면 아주 유용한 사이트입니다. 1. LOREM IPSUM https://loremipsum.io/21-of-the-best-placeholder-image-generators/ Lorem Ipsum – Generator, Origins and Meaning Generate Lorem Ipsum placeholder text for use in your graphic, print and web layouts, and discover plugins for your favorite writing, design and blogging tools. Explore the origins, history and meaning.. 2021. 5. 13.