냐울당 햄버거 메뉴

목차

    반응형

    vs code 아이콘으로 새파일 만들기

    아이콘을 이용해서 새파일을 만들어볼거에요.


    1. 폴더 생성

    ① 폴더

    - 먼저 작업을 위한 폴더를 하나 생성해주세요.

    - 왼쪽 탐색기에서 보인다면 오케이입니다.

    - 탐색기가 보이지않는다면 더 왼쪽에 있는 종이가 겹쳐진 아이콘이 보이시나요? 맨 위에있는거요. 그걸 눌러주세요.

     

     


     

    320x100

    2. 새파일 만들기

    ① 마우스 올리기

    - 폴더 이름에 마우스를 올려보겠습니다.

    - 폴더 이름 오른쪽으로 여러개의 아이콘이 나타나는게 보이시나요?

    - 여기서 맨 첫번째에 있는 아이콘을 클릭해줍니다.

     

     


     

     

    이렇게 새 파일이라고 이름도 뜹니다.

     


     

    ② 파일 이름 정하기

    - 아이콘을 클릭하면 이렇게 파일 이름을 적을 수 있는 칸이 나타납니다.

    - 여기에 파일명을 적어주시는데 주의할점은 확장자명도 같이 적어주셔야하는 것입니다.

    - 확장자가 뭔가요? 점 붙이고 뒤에 붙는거요 ex) .html .css .js ...... 

     

     


     

    ③ 파일 생성

    - 이렇게 index.html 이라고 html 확장자도 적어주었습니다.

    - 다 적으셨다면 엔터를 눌러 저장해주세요.

     


     


    3. 확인

    ① 새 파일

    - html 파일이 잘 생성된것을 확인해주시면 됩니다.

    - 같은 방법으로 폴더도 생성할 수 있어요.

     

     


     


     

    contact

     

    :: www.instagram.com/draw_wool/

    :: www.pinterest.co.kr/draw_wool/_created/

    :: notefolio.net/draw_wool

    :: www.behance.net/draw_wool

    :: grafolio.naver.com/draw_wool

     



     

     


     

     

    [같이 보면 좋은 글]

    [coding/editor] - [vs code] 비주얼 스튜디오코드 html에서 emmet(에밋) 사용하기

     

    [vs code] 비주얼 스튜디오코드 html에서 emmet(에밋) 사용하기

    에밋(emmet)은 html, css 등 문서를 편집할 때 빠른 코딩을 지원하는 플러그인이에요. 이것만 알면 코드를 더 빨리 짤 수 있답니다. 와우 신난다! 1. 자식 태그 만들기 ① 꺽쇄(>) - > 이런 모양의 꺽쇄

    ssimplay.tistory.com

     

    [coding/editor] - [vs code] 비주얼 스튜디오 코드 세로 선택 해보자

     

    [vs code] 비주얼 스튜디오 코드 세로 선택 해보자

    코딩을 하다 보면 세로줄만 수정하고 싶은 경우가 생겨요. 그럴 때 유용한 단축키를 알려드릴게요. 1. 수정 영역 확인 ① 수정할 부분 확인 - 이미지에 표시된 '하위'라는 글자를 모두 '상위'라는

    ssimplay.tistory.com


    그럼 이만.

    총총.

    반응형
    댓글
    위쪽 화살표
    도움이 되었다면 공감(하트)과 댓글을 부탁드려요.
    로딩바