뉴비의 흔적남기기 뉴비의 흔적남기기

리액트 프레임워크에서 작업을 하면서, 리액트는 어떠한 구조로 폴더를 관리하는지 궁금해졌습니다. 다른 프로젝트를 보면 폴더 구조가 동일하지 않은 경우도 있고, 스프링에서 쓰는 Controller, Service, Repository 같은 정형화된 패턴을 찾기도 어렵다는 느낌이었습니다. 정해진 표준은 없는지, 어떠한 형태로 폴더를 관리하면 좋을지 조사해보았습니다. 선 결론 리엑트 프레임워크는 엄격한 룰에 의한 관리를 권장하지 않는다. 즉, 정의된 표준 형태가 없다. 그래서 라이브러리 마다 유연하게 관리한다. 권장 구조가 있을 때도 있다. 따라서 프로젝트의 구조, 규모, 라이브러리에 따라 유연하게 작업한다. 참고 사이트 레거시 공식 문서 레거시 공식 문서에서는 2가지를 가이드하고 있습니다. 기능단위별 묶음 c..

링크 나의 코드 function solution(p = '') { if (!p) { return ''; // 빈 문자열 반환 } let startCount = 0; // 여는 태그 갯수 let endCount = 0; // 닫는 태그 갯수 let u = ''; let v = ''; let check = 0; // u가 올바른 괄호 문자열인지 확인하는 변수. 올바르다면 0 for (let i = 0; i < p.length; i++) { if (p[i] === '(') { startCount++; check++; } else { endCount++; (check !== 0) && check--; // 0이 아닐 때만 - } if (startCount === endCount) { v = solution(p...

[링크]https://programmers.co.kr/learn/courses/30/lessons/12978) 나의 코드 class Solution { public int solution(int N, int[][] road, int K) { int answer = 0; // 경로 값의 무한값 설정 (c의 최대값 * N-1) final int INF = 20000 * (N-1); // 지나간 마을인지 확인하는 배열 생성 boolean[] check = new boolean[N]; // 초기값 : false int[] value = new int[N]; // 경로를 저장하는 N*N의 배열 생성 int[][] table = new int[N][N]; // table 초기화 for (int i = 0; i < ..

링크 나의 풀이 import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; public class Main { public static void main(String[] args) throws IOException { BufferedReader bf = new BufferedReader(new InputStreamReader(System.in)); String s = ""; s = bf.readLine(); // 노드 개수 입력 int NodeTotal = Integer.parseInt(s); // 입력받은 갯수에 맞는 노드 생성 Node[] nodes = new Node[NodeTotal]; //..

링크 나의 코드 class Solution { public String solution(int n, int t, int m, int p) { String answer = ""; String game = "0"; int max = t * m; // 최대 갯수 int count = 0; while(game.length() 9) { char ch = (char)(55 + (i % n)); // 'A' - 10 + 나머지 temp += Character.toString(ch); } else { temp += Integer.toString(i % n); } i /= n; } StringBuffer sb = new StringBuffer(temp); game += sb.reverse().toString(); } /..

HTML 편집에 편한 VS Code 확장 프로그램 html, css, javascript를 사용하여 페이지를 만드는 연습을 하고 있다. 하지만 해당 연습을 Eclipse에서 하면 생각보다 불편함을 느꼈다. 그래서 검색을 통해 VS Code 상에서 확장 프로그램을 더해 사용하였더니 더욱 편하게 느꼈다. vs code에서 유용하게 쓰고 있는 확장 프로그램을 공유한다. 1. HTML CSS Support html 파일에서 css의 자동완성을 도와준다. 별도 css 파일에서 작업하는 게 편하지만, 처음에 공부하면서 일부 코드는 html 내에서 적용해보다보니, 해당 기능이 있는 게 편리했다. 2. Rainbow Brackets 파일 내 괄호별로 짝에 맞춰 색상을 입력해준다. html과 css에서는 자주 볼 일이 ..

HTML 태그 정리 수업을 들으며 사용한 태그를 공부하며 정리한다. 1. Form 태그 Form 태그는 자식 요소들을 통해 입력받은 여러 정보들을 서버로 한 번에 전송한다. 전송한 데이터를 받아들여 처리를 할 수 있다. Form 속성 name : action에 데이터를 전달할 때 사용하는 파라메터. id와 구분할 필요가 있다. 속성값 설명 중복여부 처리방식 id 페이지 내에서 활용하는 식별자 불가능 (단수) getElementById() name 컨트롤러까지 가져가서 활용 가능한 식별자. 가능 (복수) getElementsByName() action : 전송 목적지. 데이터를 처리할 곳의 URI를 지정한다. (보통 input의 type="submit"으로 제출함) action-charset : 데이터를 ..

input-type 각 type별 코드와 실행 결과를 보여주고 있습니다. form 태그에서 사용됐을 때의 결과를 보고싶다면, input-type.html을 확인해주세요. (submit 실행시 결과, email의 검증이나 tel에서 pattern을 사용했을 때의 검증 등은 여기서 확인할 수 없습니다.) text 결과 = password 결과 = number 결과 = email 결과 = search 결과 = tel 결과 = url 결과 = file 결과 = radio 남자 여자 기타 결과 = 남자 여자 기타 checkbox 개 고양이 새 결과 = 개 고양이 새 date 결과 = month 결과 = week 결과 = time 결과 = datetime-local 결과 = range 결과 = button 결과 =..