꾸준한 개발일기

정보처리기사 실기를 공부 중에 리눅스 명령어 파트를 보게 되었다. 현업에서 운영서버에서 리눅스 명령어를 많이 쓰고 있는데 이렇게 정리하여 본 적은 드문거 같아서 정리해보기로 했다. 명령어 기능 명령어 기능 cat 파일 내용을 화면에 표시함 ex) cat 파일명.txt killall 프로세스의 이름을 이용하여 프로세스를 종료 ex) killall 프로세스명 cd 디렉터리의 위치를 변경 ex) cd 경로명 ls 현재 디렉터리의 파일 목록을 표시 ex) ls chmod 파일의 보호 모드를 설정하여 파일의 사용 허가를 지정 ex) chmod 777 파일명.txt mkdir 디렉터리를 생성 ex) mkdir 디렉터리명 chown 파일 소유자와 그룹을 변경 ex) chown 소유자 파일명.txt rmdir 디렉터리..

vue.js 란? 사용자 인터페이스를 만들기 위한 프로그레시브 프레임워크이다. 간단한 템플릿 구문을 사용하여 DOM에서 데이터를 선언적으로 렌더링 할 수 있다. Vue 앱은 단일 DOM 요소(#app)에 연결되어 DOM 요소를 완전히 제어하고, HTML은 엔트리 포인트일뿐 다른 모든 것은 새롭게 생성된 Vue 인스턴스 내에서 발생한다. 학원에서 진행하였던 스프링 프로젝트에 vue js를 적용해보았다. 가볍게 db에 있는 데이터를 이용하여 영화 리스트의 전체 수를 view단에서 보여주었다. 1. 프로젝트 세팅 기존에 있는 영화 대여점 프로젝트에 vue를 적용하였다. 밑의 블로그를 참고하였다. https://memme.tistory.com/159 이클립스 Spring 프로젝트에서 Vue.js 사용하기 #Sp..

리액트로 영화 평점 웹서비스를 구현 중 라우터 적용에 오류가 발생하였다. 코드: import React from 'react'; import './App.css'; import { HashRouter, Route } from 'react-router-dom'; import About from './routes/About'; import Home from './routes/Home'; function App(){ return ( ) } export default App; 1. 문제 확인 오류: 1. HashRouter를 사용하면 주소가 http://localhost:3000/#/로 바뀌어야 하는데 바뀌지 않았다. 2. url를 입력하여도 빈 페이지가 로딩되고 개발자 도구에서 에러 메세지가 발생한다. 오류메..

API를 통해 데이터를 받아오는데 문제가 발생했다. 주소 중 "리"에 대한 데이터를 제공하지 않는 것이다. 서비스에서 검색 조건에 리가 있는데 말이다. 시도나 읍면동은 카카오에서 제공하는 데이터를 조인하여 가져올 수 있지만 리는 따로 제공하지 않고있다. 그래서 전체 지번 주소에서 리만 추출하는 기능을 구현해보았다. 1. 자바 문자열 나누기(split) 문자열.split(String regex); regex: 문자열로 regex로 나누어진 문자열은 배열에 저장된다. example에선 " "(공백)을 regex로 사용했다. String fulladdr = "충청북도 청주시 청원구 오창읍 화산리(華山) 어쩌고"; String [] split_fulladdr = fulladdr.split(" "); System..

갑자기 친구한테 카톡이 왔다 친구가 개발, 디자인도 아닌 평범한 연구직인데 갑자기 홈페이지 기획을 맡게 되었다는데 배너 크기를 알고싶다는 것이었다 이런 질문을 하는 사람이 처음이라 재밌고 웃기다 ㅋㅋㅋㅋㅋ 하긴 개발이나 디자인 직무가 아니면 모를 수도 있겠구나 그리고 친구가 검색을 해봐도 제대로 안 나온다길래 블로그에 정리해보기로 했다 1. 홈페이지 접속 먼저 확인하고 싶은 디자인이 있는 홈페이지에 접속한다 2. 개발자 도구 열기 F12를 눌러 개발자 도구를 연다 3. 아이콘 클릭 빨간색 블럭친 아이콘을 클릭해준다 4. 마우스 커서로 정보 확인 원하는 디자인 부분에 마우스 커서를 올리면 정보가 나온다