JinyJiny'-'

CSS in JS 관련 리액트 라이버리 중 가장 인기있는 라이브러리인 styled-components를 사용합니다. 아직까진 뭔지 잘 모르겠으나.. 글들을 읽어보면 유용한 라이브러리인 것 같아서 우선 설정하고 차차 익히는 걸로!! > 공식 사이트 : styled-components.com/docs/api#typescript styled-components: API Reference API Reference of styled-components styled-components.com 1. 라이브러리 설치 styled-components 라이브러리와, typescript를 함께 사용하기 위한 라이브러리를 아래 명령어로 설치해줍니다. npm install --save styled-components npm i..

www.acmicpc.net/problem/14502 14502번: 연구소 인체에 치명적인 바이러스를 연구하던 연구소에서 바이러스가 유출되었다. 다행히 바이러스는 아직 퍼지지 않았고, 바이러스의 확산을 막기 위해서 연구소에 벽을 세우려고 한다. 연구소는 크 www.acmicpc.net >문제 설명 더보기 문제 인체에 치명적인 바이러스를 연구하던 연구소에서 바이러스가 유출되었다. 다행히 바이러스는 아직 퍼지지 않았고, 바이러스의 확산을 막기 위해서 연구소에 벽을 세우려고 한다. 연구소는 크기가 N×M인 직사각형으로 나타낼 수 있으며, 직사각형은 1×1 크기의 정사각형으로 나누어져 있다. 연구소는 빈 칸, 벽으로 이루어져 있으며, 벽은 칸 하나를 가득 차지한다. 일부 칸은 바이러스가 존재하며, 이 바이러스는..

www.acmicpc.net/problem/14501 14501번: 퇴사 첫째 줄에 백준이가 얻을 수 있는 최대 이익을 출력한다. www.acmicpc.net >문제 설명 더보기 문제 상담원으로 일하고 있는 백준이는 퇴사를 하려고 한다. 오늘부터 N+1일째 되는 날 퇴사를 하기 위해서, 남은 N일 동안 최대한 많은 상담을 하려고 한다. 백준이는 비서에게 최대한 많은 상담을 잡으라고 부탁을 했고, 비서는 하루에 하나씩 서로 다른 사람의 상담을 잡아놓았다. 각각의 상담은 상담을 완료하는데 걸리는 기간 Ti와 상담을 했을 때 받을 수 있는 금액 Pi로 이루어져 있다. N = 7인 경우에 다음과 같은 상담 일정표를 보자. 1일 2일 3일 4일 5일 6일 7일 Ti 3 5 1 1 2 4 2 Pi 10 20 10 ..

www.acmicpc.net/problem/14889 14889번: 스타트와 링크 예제 2의 경우에 (1, 3, 6), (2, 4, 5)로 팀을 나누면 되고, 예제 3의 경우에는 (1, 2, 4, 5), (3, 6, 7, 8)로 팀을 나누면 된다. www.acmicpc.net >문제 설명 더보기 문제 오늘은 스타트링크에 다니는 사람들이 모여서 축구를 해보려고 한다. 축구는 평일 오후에 하고 의무 참석도 아니다. 축구를 하기 위해 모인 사람은 총 N명이고 신기하게도 N은 짝수이다. 이제 N/2명으로 이루어진 스타트 팀과 링크 팀으로 사람들을 나눠야 한다. BOJ를 운영하는 회사 답게 사람에게 번호를 1부터 N까지로 배정했고, 아래와 같은 능력치를 조사했다. 능력치 Sij는 i번 사람과 j번 사람이 같은 팀..

www.acmicpc.net/problem/14888 14888번: 연산자 끼워넣기 첫째 줄에 수의 개수 N(2 ≤ N ≤ 11)가 주어진다. 둘째 줄에는 A1, A2, ..., AN이 주어진다. (1 ≤ Ai ≤ 100) 셋째 줄에는 합이 N-1인 4개의 정수가 주어지는데, 차례대로 덧셈(+)의 개수, 뺄셈(-)의 개수, www.acmicpc.net > 문제 설명 더보기 문제 N개의 수로 이루어진 수열 A1, A2, ..., AN이 주어진다. 또, 수와 수 사이에 끼워넣을 수 있는 N-1개의 연산자가 주어진다. 연산자는 덧셈(+), 뺄셈(-), 곱셈(×), 나눗셈(÷)으로만 이루어져 있다. 우리는 수와 수 사이에 연산자를 하나씩 넣어서, 수식을 하나 만들 수 있다. 이때, 주어진 수의 순서를 바꾸면 안..

www.acmicpc.net/problem/14503 14503번: 로봇 청소기 로봇 청소기가 주어졌을 때, 청소하는 영역의 개수를 구하는 프로그램을 작성하시오. 로봇 청소기가 있는 장소는 N×M 크기의 직사각형으로 나타낼 수 있으며, 1×1크기의 정사각형 칸으로 나누어 www.acmicpc.net 문제 로봇 청소기가 주어졌을 때, 청소하는 영역의 개수를 구하는 프로그램을 작성하시오. 로봇 청소기가 있는 장소는 N×M 크기의 직사각형으로 나타낼 수 있으며, 1×1크기의 정사각형 칸으로 나누어져 있다. 각각의 칸은 벽 또는 빈 칸이다. 청소기는 바라보는 방향이 있으며, 이 방향은 동, 서, 남, 북중 하나이다. 지도의 각 칸은 (r, c)로 나타낼 수 있고, r은 북쪽으로부터 떨어진 칸의 개수, c는 서쪽..

✨Typescript의 특징! JS는 인터프리어 언어지만, TypeScript는 컴파일 언어로 코드 수준에서 미리 타입을 체크, 오류를 잡아낸다. 코드 어시스트 기능도 지원받을 수 있다. JS에 type이 추가되었다. type이 생겨 안정성 확보가 가능하고, 예외처리를 하지 않아도 된다. JS엔진의 최적화를 돕는다. 1. TypeScript 사용에 필요한 라이브러리 설치 npm install typescript @types/react @types/react-native --save-dev 2. 프로젝트 생성 npx react-native init {프로젝트이름} --template react-native-template-typescript 위 명령어로 프로젝트를 생성해보면 기존에 생성했던 프로젝트와 구조..

1. Chocolatey 설치 우선 윈도우 패키지 관리자인 Chocolatey를 설치해줍니다. cmd창을 관리자 권한으로 연 후, 아래와 같은 명령어를 입력합니다. @"%SystemRoot%\System32\WindowsPowerShell\v1.0\powershell.exe" -NoProfile -InputFormat None -ExecutionPolicy Bypass -Command "iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))" && SET "PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin" 2. Node.js 설치 cmd창을 관리자 권한으로 실행한..

기존에 구현해둔 게시판 프로젝트에 Spring security를 적용 중이다. 관련 설정을 다 한 후, 실행시켜보니 화면의 Header 부분에서 Category List를 불러오는 것이 갑자기 동작을 안했다.. 콘솔 창을 보니 AccessDeniedHandler을 구현해놓은 DeniedHandler.class에서 출력되는 문구가 자꾸 나오길래 이게 나올리가 없는데!! 그래서 request의 url을 찍어봤더니 Header에서 ajax 요청하는 url이 나왔다... 해결하려고 해당 url을 permitAll로 설정하고, header.jsp도 설정해보고 별 삽질을 다했는데ㅜㅜ 결론은 CSRF 때문이였다!! Security 적용 시 CSRF 설정을 안해줘도 자동으로 설정되는 것 같다. 혹시 CSRF때문인가....

4학년 1학기 마치고 휴학 중인 컴퓨터공학과 학생입니다. 필기 정처기 시험 범위에 학교에서 배운 내용들이 많이 포함돼있어서, 공부하는데 크게 어렵진 않았습니다. 어렵다는게 내용을 이해하는데 힘들지 않았다는 거지 외우는 건 힘들었습니다ㅜㅜ 공부 기간은 3주였고, 수제비 책으로 전체 2회독 + 문제 풀이하며 공부했습니다. 블로그에서 추천하길래 구매했는데, 시험을 치른 결과.. 책을 딱히 추천하지 않습니다. 시험 내용과 좀 포커스가 많이 다른 느낌이라 컴퓨터공학 관련 학과 학생이시거나 컴퓨터 기초 지식(네트워크, DB 등)+소프트웨어공학을 전반적으로 알고 계시다면 구글링으로 요약집을 찾아 공부해도 충분히 합격하실만한 시험이라고 생각합니다. + 약간의 찍신..?ㅎㅎ 평가 기준은 5과목 * 20문제(4지선다)에 ..