JNarin Development Story

이전에는 닷홈 호스팅을 사용할 때는 FTP를 이용하여 수정할 때마다 업로드를 해야 하는 번거로움이 있었다. 근데 검색해보니 알게 된 방법이지만 깃허브에 올리고 자체적으로 사이트를 만들 수 있는 방법이 있어 이 글을 쓰게 되었다. 먼저 호스팅을 하고 싶은 코드를 올리고 연다. 여기서 Settings를 클릭하여 아래로 내리면 GitHub Pages가 나온다. 내려보면 위의 이미지와 같이 Source가 나오는데 여기서 master를 클릭하고 저장하면 GitHubPages에 링크가 나온다. 해당 링크를 클릭하면 무료 링크가 생성이 된 것을 볼 수 있다. 일단 세팅은 되었지만 남들은 내 링크를 확인할 수 없다. 그래서 다음과 같은 설정을 해야한다. 일단 위와 같은 설정을 잘 따라오게 되면 Environments가..

VSCode를 초보자가 이것저것 사용을 하다 보면 간단한 오류에 애먹는 경우가 있다. 필자도 이를 겪었기에 이 과정을 기록하고자 내용을 남긴다. 원인 HTML 코드 입력을 위해 Snippets를 설치하였지만 태그 입력이 잘 되지 않는다. 해결방법 장고도 설치하다 보니 HTML기본 설정값이 Django로 되어있던 것이 원인으로, 클릭하여 HTML로 변경을 하면 설치한 확장자를 쓰는데 문제없이 잘 사용할 수 있다. 이처럼 확장자 설치를 하여도 실행이 만약 되지 않는다면 하단에 현재 설정된 값이 무엇인지 확인을 하는 습관을 들여야 한다.

우연히 다른 개발자를 찾아보니까 자기만의 소개 페이지가 있는 것을 발견하였다. 이제 개발자로 살아가기 위해서는 깃허브 또한 보기 좋게 관리를 해야 한다고 생각하기 때문에 이번에 한번 만들게 되었다. 먼저 메인페이지에 New버튼을 클릭하여 새로운 repository를 만들어 준다. 이때 Owner과 같은 이름으로 만들면 된다. 그리고 Add a README file도 체크를 해주면 다음과 같은 화면으로 볼 수 있다. 이제 이 README를 꾸며주면 된다. 그러면 없던 것이 Overview 바로 아래에 이렇게 생성이 된다. 아직 수정할것도 많고 이런 걸 처음 알았기에 할게 점점 많아지는 것 같다. 다음은 많이들 꾸미는 깃허브에 몇 가지 추천하는 것을 써보려 한다. 1. DILLINGER Online Mark..

데이터를 임시로 뿌려주면서 화면에 팝업창 형식으로 한번 더 보여주는 기능이 있다. 근데 문제점은 같은 데이터만 화면으로 보이는 문제가 발생하였다. 결론부터 말하자면 일단 해결은 되었다. 하지만 왜인지는 모르겠다. 수정전 코드 import React, {useState} from "react"; import { MainLayout, SliderStyle, ButtonStyle, HrCenter, DivisionLine } from "./Main.style"; import "antd/dist/antd.css"; import { Row, Carousel, Col, Modal } from "antd"; import { SearchOutlined } from "@ant-design/icons"; import ma..