본문 바로가기

분류 전체보기542

[GitHub] GitHub Pages 사용법 안녕하세요 꼬바리입니다. Github Pages 란 무엇인가? Github Pages 는 Github 저장소의 내용을 웹페이지로 만들어 주는 서비스이다. Github 저장소의 내용을 직접 웹페이지를 통해서 보여줄 수 있다는 것이다. 간단하게 말하자면, 무료로 웹 서버를 구축할 수 있다. 아래와 같은 URL 형태를 경험해봤을 것이다. https://username.github.io VS Code 로 git pages만들기 1. vs code 에 터미널을 켜준다. npm i gh-pages 입력 후 설치 i => install 2. package.json 파일 설정 아래에 homepage 입력 #주의사항 마지막 슬래쉬 써줄것 "homepage": "http://깃허브아이디.github.io/프로젝트명/" 3.. 2021. 5. 4.
[GitHub] git 폴더 클릭이 안될때, git 충돌 레파지토리 안녕하세요 꼬바리입니다. vs code 로 코드를 짰습니다. vs code 로 git 에 올리려 하다가 하던대로 하자 해서 cmd로 깃에 올리는데 처음 보는 오류로 구글링해보니 명령어를 이거를 쓰고 저거를 써서 삭제를 해서 다시 커밋을 하고 하랍니다. 그래서 따라했는데도 안되서 몇시간 고생했습니다. 깃 허브 레파지토리를 몇개를 생성하고 삭제한건지ㅡㅡ 그냥 commit 해서 push 억지로 하니까 깃허브에 올린 폴더 클릭이 안되더라구요 충돌의 이유는 제가 올릴려는 폴더안에 git이 생긴거라 합니다. 그래서 ls -al로 리스트 찾아서 출력해서 삭제하라는데 안보이는겁니다 터미널이고 나발이고 전 수동으로 해야겠다 마지막 도전이다 해서.. 깃에 올릴 파일의 폴더로 들어옵니다. 상단 보기 -> 숨긴항목 체크 숨겨.. 2021. 5. 4.
[VS Code] 한 번에 여러 개 선택하여 수정하는 법(다중 선택, 다중 수정, 동시 수정) 코드 작성시 비슷한 단어 여러줄의 코드를 수정하게 되는데 컨트롤CV로 한계가 있다. 다중 선택 Ctrl + Shift + L 일단 수정하려는 단어를 드래그해서 선택하고, 이 버튼을 누르면, 선택한 단어와 같은 모든 단어가 동시에 선택이 된다. 이 때 입력을 하게 되면, 동시에 모든 단어가 변경이 된다. 2021. 5. 3.
[VS Code] 자동줄맞춤 자동정렬 플러그인 "Beauty" Visual Studio Code에서 자동줄맞춤 하는 방법 ! 기존에 사용했던 방법은, 드래그 + Tab , 우측으로 밀기 드래그 + Shift + Tab , 좌측으로 밀기 등 수작업으로 작업해야 했다. 일일이 이렇게 할 필요없이, 드래그 영역을 한번에 자동으로 줄 맞추고 예쁘게 해주는 플러그인이 뷰티 ! Vscode Beauty VS Code 에디터에서 사용하는 Beauty라는 플러그인 이걸 이용하면, 드레그한 영역을 Ctrl + Shift + B 단축키를 통해서 자동으로 줄맞춤 해줄 수 있다. #결과화면 Before after 2021. 5. 3.
[리액트] 움직이는 Component-노마드코더 안녕하세요 꼬바리입니다. app.js import React from 'react'; class App extends React.Component{ state ={ isLoading: true, movies : [] }; componentDidMount(){ setTimeout(() =>{ this.setState({isLoading:false}); },6000 ); } render(){ const { isLoading } = this.state; return ( {isLoading ? "Loading..." : "We are ready"} ); } } export default App; //movies:[] 주석 처리 가능 ^^ setTimeout 으로 6초 후에 loading -> we are rea.. 2021. 5. 3.
[리액트] Component State &Life cycle -노마드코더 안녕하세요 꼬바리입니다. public -> index.html src 폴더에 index.js import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; ReactDOM.render(,document.getElementById('root')); // ->componant는 HTML 을 반환하는 함수 src폴더에 App.js import React from 'react'; import PropTypes from 'prop-types'; class App extends React.Component{ constructor(props){ super(props); console.log("hello"); } state={ .. 2021. 5. 3.
[신사 맛집/ 오마카세 맛집]신사 김수사 위치좋은 오마카세 맛집 신사 맛집 신사 오마카세 김수사 작년 여름에 방문했다. 특별한날 좋은 곳 가고싶은데 찾다가 위치적으로도 가깝고 사진 비주얼이 좋길래 방문 그리고 엄청 유명하드만 예약은 당일에 했다 그래서 오마카세를 못느끼고 테이블에서 한번에 가져다 주셨다. 오마카세는 쉐프님께 설명 하나하나 들으면서 먹어야 제맛인데 한번에 스시 나오고 한번에 초밥 나와서 아쉽긴했다. 만약 방문시 꼭 오마카세로 예약 하시길 우린 당일 예약이라 다른곳은 다 차이고 이곳 겨우 되서 왔다. 1인에 7만원인가 9만원 이었다. 본격 식사전 나오는 음식 전복과 문어 그리고 우니! 좌측 아래는 오징어에 생선알을 넣어서 만든 거라했다. 속을 달래줄 계란찜 본격 식사 시작 사람도 많고 엄청 시끄러워서 불편했던 기억이있다. 공간이 시끄러울수 밖에 없는 공간.. 2021. 5. 3.
spring에서 web.xml 의 classpath: log4j.xml 경로 지정 안녕하세요 꼬바리입니다. log4j 설정시 1. pom.xml 디펜던시 설정 2. log4j.xml 설정 3. web.xml 설정 context-param/ listener설정 3번째 설정시에 log4jConfigLocation classpath:log4j.xml org.springframework.web.util.Log4jConfigListener --> classpath : 경로 설정시 log4j.xml 파일은 여기 존재했습니다. 경로 설정을 어떻게 해줘야할지 몰라서 구글링중 저와 같은 질문자를 찾았습니다. 저와 같은 log4j.xml 위치 아래는 고수님의 답변 저쪽 경로에 log4j.xml 을 그대로 둔다면 굳이 따로 설정을 안해줘도 된다한다. 그래서 찍히긴 찍혔구나.... 더보기 참고 : okky.. 2021. 5. 3.
[Spring] 절대경로와 상대경로 ${pageContext.request.contextPath} 절대 경로 개념 최초의 시작점으로 경유한 경로를 전부 기입하는 방식 경로의 처음부터 마지막까지 완전히 적힌 경로 어떠한 웹페이지나 파일이 가지고 있는 고유한 경로 최상위 디렉토리가 반드시 포함된 경로 실전 예시 Browser http://www.google.com Windows C:\chrome\chrome_shutdown_ms.txt Linux cd $CATALINA_HOME/bin/ 윈도(Windows) 절대 경로 C:\chrome\ Spring 절대 경로 servlet-context.xml JSP 결과 상대 경로 개념 현재 위치한 곳을 기준으로 해서 목표로 하는 (파일이 있는 곳) 위치이다. 상대 경로는 항상 비교할 대상이 있어야 합니다. 결국 내가 어디있냐에 따라 경로가 달라지는 것! 내 위치와 .. 2021. 5. 3.
728x90
반응형

티스토리툴바