함량 100%

함지의 개발일기

분류 전체보기 56

[정보처리기사/정처기] 2020 필기/실기 합격후기(전공자)

안녕하세요😀 오늘은 작년에 합격한 정보처리기사 합격 후기를 써보려고 합니다. 합격한지 꽤나 오래되어서 기억이 잘은 안나지만 이 기억이 더 사라지기 전에 한번 후기 써봅니다.😏 정보처리기사가 개정되고 나서는 전공자에게 더욱 유리해졌다는 말을 들었어요. 사실 개정전을 보지 못해서 비교를 할 수는 없지만 대체적으로 수업시간에 한번쯤은 본 듯한 내용들이 주를 이루기는 했습니다. (운영체제, 소프트웨어공학, 데이터베이스 등등) 1. 필기 1-1. 준비기간 저는 현재 회사를 다니고 있는 직딩으로 시험 준비를 위한 시간을 넉넉하게 내지 못했어요. 그래서 2주정도로 준비 기간을 조금 길게 잡고 시작했습니다. 퇴근하고 하루에 1~2시간 정도 공부하고, 주말에는 시간을 조금 더 내서 공부했어요. 1-2. 공부방법 비록 전..

[React] ant-design/ column이 바뀌는 동적 Table

오늘은 컬럼이 바뀌는 동적 테이블을 만들어야한다. 서버에서 받아오는 JSON의 형태는 다음과 같다. 여기서 바뀌는 것은 cols의 개수와 cols의 안에 있는 요소들의 개수이다. 즉 column의 개수와 명칭이 유동적으로 바뀌게 되는 것이다. name이 column의 명칭이 되고 value값이 해당 column의 값으로 들어가야 한다. [ { "cols": [ { "name": "name1", "value": "value1" }, { "name": "name2", "value": "value2" }, { "name": "name3", "value": "value3" } ] }, { "cols": [ { "name": "name1", "value": "value4" }, { "name": "name2", ..

Front-end/React 2021.03.19

[ant-design] React를 활용한 Chart 만들기

간단한 그래프를 만들 것이다. 1. 터미널에 다음을 입력해 라이브러리를 받는다. npm install @ant-design/charts 2. column기준으로 만들기 위해 을 사용했다. 컴포넌트는 다음과 같이 작성하면 된다. import React, {Component} from "react"; import {Column} from '@ant-design/charts'; class Graph extends Component { constructor(props) { super(props); this.data = [ { type: 'test1', value: 38, }, { type: 'test2', value: 52, }, { type: 'test3', value: 61, }, { type: 'test4..

Front-end/React 2021.03.08

[yarn] info There appears to be trouble with your network connection. Retrying... 에러 해결

리액트 프로젝트를 내려받고 이제 yarn 을 설치하려는데 에러가 뜬다. info There appears to be trouble with your network connection. Retrying... 처음도 아니고 거의 매번 일어나는 문제라 아예 정리해두고자 한다. 발생 원인은 1. yarn config proxy 문제 2. 네트워크가 느리거나 해당 패키지 파일이 너무 큰 경우 3. yarn 캐시 문제(+버전문제) 이 정도로 정리 한다는거 같다. 1. yarn config proxy 문제 이 경우에는 아래의 코드를 터미널에 입력해주면 된다. yarn config delete proxy yarn config delete https-proxy 2. 네트워크가 느리거나 해당 패키지 파일이 너무 큰 경우 ..

Front-end/React 2021.03.08

@babel/plugin-transform-react-jsx 관련 오류 해결

yarn add module 후 Add @babel/plugin-transform-react-jsx (https://git.io/vb4yd) to the 'plugins' section of your Babel config to enable transformation. 에러가 떴다. 당황했지만 당황하지 않은 척하고 해결해보기... [해결과정] 1. package.json에 있는 @babel/plugin-transform-react-jsx 을 지움 2. node_modules파일을 삭제 3. yarn재설치 rootReducer에 reducer추가는 되었으나, rootSagas에 sagas를 추가하자 동일한 오류가 나왔다ㅠㅠ 범인은 너였구나😑 알고봤더니 내가 만든 module 자체의 문제였다.💦 어쨌든 저 ..

Front-end/React 2021.02.02

Intellij 웹 백엔드 시스템 환경설정(JDK, Maven, Tomcat)

0. 미리 준비한 것들 IntelliJ Openjdk version "1.8.0_242" Apache Maven 3.6.3 Tomcat 8.5 1. JDK 설정 1-1. File > Project Structure (또는 Ctrl+Alt+Shift+S) 클릭합니다. 1-2. Project 메뉴에 Project SDK를 설정 할 수 있는 항목이 있습니다. SDK가 없는 경우에는 EDIT 버튼을 클릭합니다. 1-3. 해당 화면에서 +버튼을 눌러 JDK 경로를 설정해줍니다. 2. Maven 설정 2-1. File > Settings (또는 Ctrl+Alt+S) 클릭합니다. 2-3. Bulid, Execution, Deployment > Build Tools > Maven 에서 해당 부분을 설정합니다. mave..

PROGRAMMING/JAVA 2021.01.12