본문 바로가기
반응형

개발이야기65

어도비 너무 비싸? Adobe 모든 플랜 저렴하게 싸게 구매하는 법! 브라우저에 SVG를 이용하여 그려보기에 도전하려 했으나 백터 그래픽을 구현하기 위해서는 Adobe illustrator가 필요하다고.... 어차피 나중에 구매해서 이용하려던 거였으니 이참에 구매하자고 마음을 먹었다 그런데 어도비... 뭐 이리 비싸니....? 😭 그리하여 저렴하게 Adobe 모든 플랜을 구매하는 법을 찾았다!! 어도비 사이트 바로가기 먼저 어도비 플랜을 살펴보자! 개인 / 기업 / 학생 및 교사 / 초중고등학교 및 대학교 이렇게 4가지의 플랜이 있다 이 중에서 보통은 개인 플랜으로 구매하는데 가격이.... 62,000원...😱 꽤 비싼 금액 때문에 내가 필요한 앱만 골라 구매해서 이용하기에는 모든 앱을 구매하는 것이 더 효율적이라 생각한다 그치만 69,000원은 너무 비싸다는 거... 개.. 2021. 2. 1.
반응형에서 이미지 비율 유지하기 반응형에서 이미지를 넣었을 때 이미지 비율 그대로 유지되는 방법을 끄적여봄~ 이미지 그대로의 비율 유지하기 [HTML] [css].image-wrapper { width: 100%;}.image { max-width: 100%; height: auto;} 가로 세로 비율 유지하기 [HTML] [css].image-wrapper { position: relative; width: 100%; height: 0; padding-bottom: 56.26%; overflow: hidden; } .image-wrapper .image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 여기서 . image-wrapper의 padding-botto.. 2021. 1. 16.
크롬 확장프로그램 headingsMap으로 페이지의 헤딩 구조를 확인해보자! 크롬에는 다양한 확장 프로그램이 있다 저번에 넷플릭스에서 사용하면 유용한 크롬 확장 프로그램을 소개했었는데 이번에는 웹페이지를 제작할 때 사용하면 유용한 크롬 확장프로그램 중 하나를 소개하려 한다 웹 페이지를 제작할 때는 페이지의 헤딩 구조를 잘 짜는 것도 중요하다 페이지를 만든 후에 페이지의 헤딩 구조를 맞게 짰는지 일일히 확인하는 것도 일이 된다 그럴 때 크롬 확장프로그램 headingsMap을 사용하면 완전 꿀!!!(나는 이미 설치해서 삭제 버튼이 노출되고 있음) 크롬 확장프로그램 headingsMap 설치하기 headingsMap을 설치하고 헤딩 구조를 확인를 페이지를 띄운다 나는 예시로 네이버를 띄운 후에 headingMap을 실행시킴 그러면 좌측에 크롬 확장 프로그램 HeadingMap이 뜨면.. 2021. 1. 12.
Gitmoji로 Github 커밋 메세지 구분하자! Gitmoji는 Github 커밋 메세지에서 이모티콘을 사용하여 커밋의 목적이나 의도를 쉽게 파악할 수 있도록 도움을 준다 텍스트만 있는 커밋 메세지보다는 어떤 커밋 메세지인지 분류할 수 있는 이모티콘이 있어 시각적으로도 보기 편하다 또한 깃모지를 사용하게 되니 커밋을 하나의 덩어리로 만들어 푸쉬하는 것이 아니라 조각조각으로 나누어 푸시를 할 수 있어 커밋 단위를 쪼갤 수 있게 된다(개인적으로 커밋 단위 쪼개기 습관화하면 좋다고 생각한다) 하지만 깃모지가 손에 익지 않을 경우에는 어떤 이모티콘을 써야하는지 한참을 찾아야 한다...... 처음에는 여기서 시간을 많이 허비했지만 이제는 어느정도 익숙해진 듯~ 뭐.... 쓰는 이모티콘만 쓰게 되어 그런 거 일수도ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ Gitmoji 사이트 이동 .. 2021. 1. 12.
url 끝에 %E2%80%8B 붙어서 주소가 제대로 동작하지 않음ㅠㅠ https://cafe.naver.com/winspec?iframe_url=/ArticleList.nhn%3Fsearch.clubid=19903032%26search.menuid=2948%26search.boardtype=L 내가 붙이고자 하는 네이버 카페 주소이다 그러나 아래 이미지를 보면 알겠지만 저렇게 게시글 리스트가 제대로 불러와 지지 않았다 뭐가 문제인지 한참을 들여다 보다 발견한 이상한 무언가... 바로 내가 url에 붙이지지도 않은 %E2%80%8B 이게 붙어있던 것!!! 저게 대체 무언이길래 자동으로 붙는가 하고 찾아봤다 https://stackoverflow.com/questions/63187010/e2808b-appears-in-url-net-core 위 글을 보면 알겠지만 우리가 알아.. 2021. 1. 11.
크롬 확장프로그램 넷플릭스 동시 자막 Language Learning with Netflix 넷플릭스를 보다 보면 어? 넷플리스로 언어 공부를 하면 좋겠는데? 라는 생각이 들때가 있다그치만 넷플릭스에서 제공해주는 자막은 한가지만 된다는 점이... 흑흑 하지만 이제는 그런 걱정은 넣어둬! 넣어둬!크롬 확장프로그램 Language Learning with Netflix 가 있으니까! Language Learning with Netflix 란공부하고자 하는 언어를 영화와 드라마를 보면서 언어실력을 즐겁고 효과적인 방법으로 향상 시킬 수 있게 도와주는 프로그램이다 Language Learning with Netflix 크롬 확장프로그램 다운받기 Language Learning with Netflix 확장 프로그램을 자세히 본다면넷플릭스에서 영화나 드라마 등 비디오를 볼 때 자막이 한 가지가 아닌 두가지.. 2021. 1. 8.
반응형

티스토리툴바