소개하는 거북이

보호되어 있는 글입니다.

안녕하세요! 이번 글에서는 Visual Studio Code의 Extension 중 가장 많이 쓰이는 Extension Top 5와 추천할만한 Extension에 대해 알아보도록 하겠습니다! 우선 Extension이 무엇인지, 그리고 Visual Studio Code 내에서 위치는 어디인지부터 알아보도록 하겠습니다. ◈ Extension -> 언어, 디버거, 그리고 도구를 추가하여 개발 워크플로우를 지원하는 기능 말이 조금 어렵죠? 요약해서 얘기하자면, Extension은 우리가 Visual Studio Code를 보다 편리하게 사용할 수 있게 해주는 기능이라고 생각하시면 됩니다. 그리고 이 Extension의 위치는 밑의 사진을 참고해주시기 바랍니다. Visual Studio Code를 실행했을 때 제..

안녕하세요! 소개하는 거북이입니다. 오늘은 제가 프런트엔드 파일들을 편집하는 프로그램인 Visual Studio Code(비주얼 스튜디오 코드)에 대해 소개하고 설치하는 방법에 대해 알아보도록 하겠습니다. ◈ Visual Studio Code ◈ 마이크로소프트에서 제작한 텍스트 에디터(문서 편집기) 2016년 4월 15일 1.0.0으로 정식판 발표 Atom에 있는 Electron이라는 프레임워크를 기반으로 제작 Microsoft사의 개발 툴 중 최초로 크로스 플랫폼 지원 윈도우, macOS, 리눅스 모두 지원 ※ 요구 조건 ※ CPU(중앙 처리 장치) : 1.6 GHz 이상 RAM : 1GB 이상 하드디스크 용량(disk footprint) : 200MB 이상 운영 체제 Windows -> Winodws..

안녕하세요! 소개하는 거북이입니다. 이번에는 Chocolatey라는 패키지 매니저에 대해 소개하고 설치하는 방법에 대해 알아보도록 하겠습니다! ◈ Chocolatey -> 윈도우에서 사용 가능한 패키지 매니저 Chocolatey는 패키지 매니저입니다. 윈도우에서는 매 번 무언가를 다운로드할 때 다운로드 사이트에서 파일 다운로드를 클릭하고 그 설치 파일을 다시 열어서 설치를 진행하는 번거로움이 존재합니다. 하지만, chocolatey를 사용하면 이런 번거로운 과정을 조금이나마 최소화할 수 있습니다. chocolatey를 이용하여, chocolatey에 있는 패키지 설치 코드만 복사 + 붙여 넣기 하면 그 패키지를 설치할 수 있답니다. 이제 여러분의 삶을 조금이나마 편리하게 만들어 줄 chocolatey의 ..

이번 장에서는 라는 태그에 대해 다뤄보도록 하겠습니다! ◈ -> 앵커라고 불리며, 다른 URL로의 하이퍼링크를 만들 때 사용하는 태그 기본 구조 : a, 앵커라고 불리는 태그는 다른 URL로 이동할 수 있게끔 해주는 태그입니다. 예를 들어, 제 블로그 메인 화면으로 이동하고 싶을 때, introducing-turtle.tistory.com/ 를 클릭하면 바로 이동할 수 있는 것처럼요! 이해가 되시나요? 여러분의 이해를 조금이나마 더 편하게 하기 위해, 예시를 통해 설명해드리겠습니다! See the Pen JjbmRLP by JaeyongLee (@jaeyonglee960212) on CodePen. 위의 링크를 클릭하시면, 새로운 창을 통해 제 블로그 메인 화면으로 이동할 수 있는 것을 확인할 수 있으실..

보호되어 있는 글입니다.

저번 장에서 배웠던 video 기억하시죠? 이번 장에서는 video를 저장하지 않고 url 그대로 가져와 쓸 수 있는 iframe 태그에 대해 다뤄보도록 하겠습니다! ◈ -> HTML 문서 안에 다른 HTML 페이지(URL 등)을 삽입하는 기능을 가진 태그 기본 구조 : iframe은 video 태그와는 다르게 직접 그 URL을 가져와 붙일 수 있습니다! 즉, 매번 동영상을 저장한 뒤 집어 넣는 번거로운 과정을 거치지 않아도 되는 고급 태그인 것입니다! 자 그럼 이제 어떻게 적용하는지 예시를 통해 확인 해보겠습니다! See the Pen poNOPyM by JaeyongLee (@jaeyonglee960212) on CodePen. 어때요? 확실히 video 태그보다 훨씬 편리하죠? 이제 코드를 하나하나..

Title : Shelter ( 변경 가능 ) Bunker로 진행하다 너무 꽉 막혀 있는 느낌이 강하다는 생각이 들어 Shelter로 변경 Progress : Game part에 들어갈 게임을 구상했고, Music part에 들어갈 노래들의 저작권 검색을 진행하였습니다. Movie part의 경우 저작권 문제가 심할 것 같아, 다른 대체할 수 있는 파트를 구상하고 있는 중입니다. 첫 번째 페이지는 일단 80%의 완성도를 보인 상태로 보류 중이고, 두 번째 페이지를 약 75% 정도 진행하였습니다. Error : 진행하는 도중 발생한 에러는 없었습니다. 두 번째 페이지에서 살짝 난관에 봉착했었지만, 대체 방안을 찾아 잘 해결하였습니다. Promise : 학교 OT 기간에 최대한 진행하려고 했는데, 식중독 및..

저번 장에 이어 HTML의 멀티미디어 태그 중 video 태그에 대해 다뤄보도록 하겠습니다! ◈ -> HTML 파일에 비디오 파일을 추가할 때 사용하는 태그 기본 구조 : video 태그 듣기만 해도 어떤 의미로 쓰일지 감이 오시죠? video 태그는 말 그대로 비디오 파일을 추가하는 태그입니다. 이전에 보았던 img와는 달리 닫는 태그를 통해 꼭 태그를 닫아주셔야 합니다! () 일단 예시를 보고 얘기하겠습니다! 이 홈페이지의 6장을 참고하시면 됩니다! Introducing-turtle ※ HTML 4장 ※ Cla in love Linda (플레이어) Cla in love Linda (무한 반복) ※ HTML 5장 ※ 이미지 예시 ※ HTML 6장 ※ 동영상 예시 jaeyonglee960212.githu..

저번 장에 이어, 이번 장에서는 HTML의 멀티미디어 태그 중 img 태그에 대해 다뤄보도록 하겠습니다! ◈ -> HTML 파일에 사진(jpg, jpeg, png 등)을 추가할 때 사용하는 태그 기본 구조 : 이미지 태그의 경우 사진을 추가하는 태그인데, 원하는 사진을 넣을 때는 반드시 를 통해 작성할 수 있습니다. 기본 구조는 이해가 가지만 src는 무엇인지 이해가 안 가시죠? src는 source의 약자로 이미지의 원본이 존재하는 링크 및 파일명을 넣어주시면 됩니다! 간단한 예시를 통해 설명해드리겠습니다! jaeyonglee960212.github.io/tistory/ Cla in love Linda jaeyonglee960212.github.io ↑이미지 코드 결과 홈페이지↑ 일단 설명에 앞서, 부..