1. node_modules npm에서는 외부 모듈들을 다운받고 관리해준다. 다운 받은 외부 모듈들이 node_modules에 들어간다. 2. package.json 프로젝트의 설정들이 들어간다. 외부 모듈을 다운받으면 dependencies에 모듈명과 버전들이 기입된다. 외부 모듈 다운 시 package.json에 모듈 정보가 기입되고 node_modules에 특정 모듈이 설치된다. scipts에 start부분을 보면 react-scripts start가 있는데, 이는 우리가 리액트를 동작시키기 위해 npm start를 치면 해당 코드가 동작하는 것이다. 3. public > index.html public은 주로 이미지 파일을 추가할 때 사용한다. src폴더에서 코딩을 하게 될 것이다. css, js..
1. 기본지식 1) node.js 자바스크립트는 브라우저에서만 실행되는 언어였다. 점점 자바스크립트가 널리 사용되면서 '웹 개발 말고 다른 곳에서도 사용할 수 있지 않을까'라는 이야기가 나오게 되었다. 그래서 브라우저에서 뿐만 아니라 자체적으로 프로그램을 만들어서 실행할 수 있도록 나온 기술이 node.js이다. node.js는 서버 프로그램을 개발할 때 많이 사용된다. node.js는 화면을 그려주는 역할이 없기 때문에 웹 빌드 도구 (Babel, webpack)을 이용해서 브라우저가 이해할 수 있는 언어로 바꾸주는 작업이 필수적으로 들어간다. 2) npm node package manager의 약자로 node 프로젝트의 패키지(외부 라이브러리)를 관리해주는 저장소 역할을 한다. 브라우저의 경우 자바스..
안녕하세요, SSAFYcial 신산하입니다 : ) 4월 기획기사의 주제는 Github편으로 가져왔습니다! github가 CS영역과는 사뭇 다른데, 4월 기획기사로 쓸지말지 고민을 많이 했는데요. 요즘 본격적으로 프론트엔드와 백엔드를 배우고 배운 기술을 토대로 관통 프로젝트를 진행하면서 이 프로젝트들을 통해 공부했다는 것을 기록하고, 같은 프로젝트에 새로운 기술을 도입하는 관통 프로젝트 특성 상 버전 관리도 해보고 싶어 깃&깃허브에 관심을 갖고 있었습니다. 여러분도 그렇지 않으셨나요? ㅎㅎ 그리고 앞으로 진행될 팀 프로젝트도 있기 때문에 mm 메신저를 통해 파일 단위로 교환해서 다른 부분을 복붙하는 방식보단 깃허브로 필요한 코드만 가져오고, 변경된 부분만 확인하는 등의 스킬은 터득해주면 매우 좋을 것 같다..
매주 토요일이면 충남대 할리스를 가서 공부를 하는데, 옆에서 지연이가 어떤 문제를 보며 해시맵 어렵다고 하여 나도 알려달라고 해 풀어보았다. 그동안 백준/SWEA에서 문제 풀면서 해시맵을 쓴 적이 없었던 것 같은데, 좋은 경험이 되었다. 1. 문제 출처 1620번: 나는야 포켓몬 마스터 이다솜 첫째 줄에는 도감에 수록되어 있는 포켓몬의 개수 N이랑 내가 맞춰야 하는 문제의 개수 M이 주어져. N과 M은 1보다 크거나 같고, 100,000보다 작거나 같은 자연수인데, 자연수가 뭔지는 알지? 모르면 www.acmicpc.net 문제 번호를 쳐도 나오지 않는 문제 ... 오늘도 역시 실패한 설계와 성공한 설계를 둘 다 쓸 것이다. 2. 설계 1) 실패한 설계 해시맵으로 포켓몬 번호와 이름을 저장해서 퀴즈에 포..
백준 에센셜 문제로 나와있는 요세푸스 문제 0를 풀어보았다. 원래는 큐 문제인데, 나는 구현문제라고 보고 일단 풀어보았다. 그 뒤에 다른 분의 설명을 보면서 다시 큐로 풀어보았다. 2가지 풀이법, 입맛에 맛게 준비했다! 실버 5문제인데, 생각보다 어려웠다 ㅠ ㅠ 1. 문제 출처 11866번: 요세푸스 문제 0 첫째 줄에 N과 K가 빈 칸을 사이에 두고 순서대로 주어진다. (1 ≤ K ≤ N ≤ 1,000) www.acmicpc.net import 깔끔하게 정리하고 2번 제출했던 문제 2. 설계 1. 첫 시작은 K(제거할 순서)부터 시작한다. 예를 들어 K=3이면 3번째 사람부터 제거한다. int targetNum=K; 2. 단순히 K만큼 가서 % N을 해주는 방식은 안된다. 예를 들어 N=7 K=3일 때..
[BFS] 백준 7576번 토마토 - JAVA 울퉁 불퉁 멋진 몸매에~ 새빨간 옷을 입고~ 새콤달콤 향기 풍기는~ 멋쟁이 토!마!토! 토마토~ 1. 문제 출처 1일 1알고리즘을 풀기위해 노력하는 나... 제법 멋져 2. 설계 1) 익은 토마토 4방으로 안익 tksgk2598.tistory.com 어제 푼 2차원 토마토에 이어 3차원 토마토를 풀 것이다. 민성, 호진 오빠한테 일기 썼다며, 토마토 문제를 보여줬더니 민성오빠가 3차원 토마토냐 2차원 토마토냐라고 물어봐서 2차원이라 했더니 3차원 토마토 추천한다고 해서 풀어보았다. 옆에 있던 영헌오빠도 강추했다. 본격 알고리즘 영재들이 추천하는 토마토 3차원 문제 LET'S GO 1. 문제 출처 7569번: 토마토 첫 줄에는 상자의 크기를 나타내는 두 정수 ..
울퉁 불퉁 멋진 몸매에~ 새빨간 옷을 입고~ 새콤달콤 향기 풍기는~ 멋쟁이 토!마!토! 토마토~ 1. 문제 출처 1일 1알고리즘을 풀기위해 노력하는 나... 제법 멋져 2. 설계 1) 익은 토마토 4방으로 안익은 토마토가 익는다. 그렇기 때문에 익은 토마토들의 좌표를 큐에 넣고, 그 토마토들부터 4방 탐색을 시작해야겠다고 생각했다. 때문에 데이터를 입력받음과 동시에 익은 토마토(1)인 곳을 큐에 넣어줬다. 큐에 넣어주면서 이 공간의 토마토는 이미 익었다는 표시로 visited = true를 해주었다. for(int i=0;i
오늘 수업 끝나기 1시간 전에 선택한 문제 프림으로 풀라다가 생각안나서 다익스트라로 풀었는데, 민성이 오빠의 이해할 수 없다는 표정과 호진이 오빠의 웃음소리가 선명하다. 시무룩 MST 문제를 풀기 위해 내가 선택할 수 있는 알고리즘은 프림과 크루스칼 둘 중 하나였는데, 간지나 보인다고 크루스칼로 풀라는 오빠들의 말을 뒤로하고, 프림으로 풀 것이다. +23.04.16 추가 시험공부하면서 크루스칼로도 풀어보았다. 1. 문제 출처 1922번: 네트워크 연결 이 경우에 1-3, 2-3, 3-4, 4-5, 4-6을 연결하면 주어진 output이 나오게 된다. www.acmicpc.net 2. 설계 모든 노드를 최소 비용으로 연결해야 하기 때문에 MST 문제이고, 크루스칼 또는 프림으로 풀어야 한다. (그 외 더 ..
