'coding' 카테고리의 글 목록 (29 Page)

[Github] 깃허브에서 파일 삭제하기

안녕하세요. 개자이너 씸플레이입니다. 깃허브에서 파일 삭제 방법을 몰라서 헤매고 있는데 드디어 찾게 되어 공유해봅니다. 1. 깃허브 프로젝트 들어가기 깃허브에서 수정하고 싶은 프로젝트에 들어갑니다. 메인화면 좌측에서 원하는 프로젝트를 클릭합니다. 가장 아래 있는 서브 페이지를 삭제해보겠습니다. 삭제하고 싶은 파일을 클릭해줍니다. 2. 깃허브 파일 삭제하기 파일의 코드가 쭉 보이지만 코드는 신경 쓰지 않으셔도 됩니다. 오른쪽 아이콘 중에 쓰레기통 아이콘을 찾아봅시다. 바로 이 아이콘입니다. 마우스를 올리면 친절하게 Delete this file이라고 하는 문구가 뜹니다. 파일 삭제 버튼이라는 것을 알려주죠. 클릭해서 지워봅시다. 버전 관리의 대명사답게 파일이 삭제되면 코멘트를 입력할 수 있는 페이지가 나옵..

coding/개발 팁 · 2020. 10. 30. 07:30

[개발자 도구] 브라우저 크기 확인하기

안녕하세요. 플입니다. 오늘은 브라우저 크기를 확인해볼 거예요. 1. F12 브라우저를 킨 상태에서 F12키를 눌러주세요. 아니면 마우스 오른쪽 클릭을 해서 가장 마지막 메뉴 검사를 선택해주세요. 그러면 이런 개발자 도구 창이 뜨는데요. 오늘은 이 창을 자세히 볼 필요는 없습니다. 그냥 켜져 있구나 하고 옆으로 쓱 밀어두세요. 2. 창 크기 조절 브라우저의 오른쪽 끝을 잡고 움직여보면 브라우저 사이즈가 변동되는 걸 볼 수 있으실 거예요. 사이즈를 줄였다 늘려보시면 오른쪽 상단에 숫자가 뜨는 게 보이실 거예요. 지금 1211px x 727px이라고 쓰여있죠? 가로가 1211px이고 세로가 727px이라는 뜻입니다. 이렇게 내가 보는 화면의 사이즈를 확인해 볼 수 있어요. 이게 원래는 안 뜨는데 개발자 도구..

coding/개발 팁 · 2020. 10. 8. 07:30

[html] <!DOCTYPE html> 대충 이해해보기

안녕하세요. 플입니다. 대충 이해해보기 시리즈 2탄입니다. (시리즈 해볼까 봐요) https://ssimplay.tistory.com/370 [html] html을 대충 이해해보자 안녕하세요. 플입니다. 오늘은 html에 대해서 이해해보도록 해요 1. html html은 "Hyper Text Mark-up Language"의 약자입니다. 하지만 이렇게 말하면 너무 어렵고 무슨 소리인지 모르겠죠. html은 웹페이지�� ssimplay.tistory.com 1탄 링크도 첨부해두겠습니다. 1. 선언하기 html 문서를 보시면 가장 위에 이라는 문구를 보신 적 있으실 거예요. 뭐야 그런 거 모르겠어하시는 분들을 위해서 익숙하실 티스토리 편집 모드 화면을 캡처해봤습니다. 가장 위에 보이시나요? 원래는 대문자로 ..

coding/html + css · 2020. 10. 3. 07:30

[html] html을 대충 이해해보자

안녕하세요. 플입니다. 오늘은 html에 대해서 이해해보도록 해요 1. html html은 "Hyper Text Mark-up Language"의 약자입니다. 하지만 이렇게 말하면 너무 어렵고 무슨 소리인지 모르겠죠. html은 웹페이지를 만들 때 쓰는 언어예요. 웹페이지의 뼈대를 만드는 언어죠. 티스토리를 하다 보면 종종 만날 기회가 있죠. 완벽한 비유는 아니지만 그림으로 표현하자면 이런 느낌이랄까요. html은 스케치 css는 색칠이라고 생각하면 좀 더 이해하기 쉬우실 거예요. 약속한 구조를 지키는 규칙이 있기도 한데 이거는 우선은 넘어가도록 해요. 2. 열기 닫기 아무말 html에는 열기랑 닫기가 있어요. 위의 코드를 보면 아시겠나요? 가 여는 부분이고 가 닫는 부분이에요. 조금 더 자세히 볼까요?..

coding/html + css · 2020. 9. 29. 07:30

[codepen] 코드펜을 티스토리에 불러와보자

안녕하세요. 플입니다. 오늘은 코드펜을 이용해 코드를 불러와볼 거예요. 1. 코드펜 https://codepen.io/ CodePen An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications. codepen.io 우선 코드펜 사이트에 접속해줍니다. 그리고 로그인을 해주세요. 2. 코드 작성 오른쪽 메뉴 맨 위를 보시면 Pen이라는 메뉴가 있는데요. 이 메뉴를 클릭해주세요. 그러면 이렇게 간단하게 코드를 짤 수 있는 공간이 나와요. 아무거나 짜 볼게요. 코드는 제가 아무..

coding/editor · 2020. 9. 27. 07:30

coding 265