20대의 자산

(굉장히 알아보기 힘든........) 굉장히 알아보기 힘들어서 비쥬얼 스튜디오에 불러왔다. 우선 엑셀이나 csv파일은 비쥬얼 스튜디오 코드에서 열면 인코딩이 안 되었다고 나오거나 이렇게 경계없이 나와버린다. 이 문제를 플러그인을 설치해서 해결해보자. 설치를 하고 파일을 불러온다. 파일을 불러오면 맨 위에 Open Preview가 뜨는데 이걸 누르면 요렇게 이쁘게 엑셀형식으로 뽑아준다~!!

유용한 사이트 모음 2024. 1. 29. 01:22

const readline = require('readline'); const rl = readline.createInterface({ input: process.stdin, output: process.stdout }); let input = []; rl.on('line', function (line) { // 문자열 => "4 5" input = line.split(' '); // input[0] = "4" , input[1] = "5" }).on('close', function () { console.log("a = " + Number(input[0])); console.log("b = " + Number(input[1])); }); 나의 풀이 1. rl.on('line', function (lin..

Programming language/자바스크립트 문제 풀이 2024. 1. 26. 23:54

서버사이트 렌더링(thymleaf) 클라이언트사이드 렌더링(react) *오늘의 중요 포인트* 비구조화 할당 computed property names 리액트 배울때 중요하다 고함 { let i = 0; const obj = { [`지우${++i}`]:i, [`지우${++i}`]:i, [`지우${++i}`]:i, }; console.log(obj); } 폼에 있는 데이타들을 일괄적으로 받아올 때 쓴다고 함 spread 와 rest 이것도 많이 쓴다고 함 spread 리액트 하는 내내 중요하다고 함 리액트 데이타가 변경 됬다는 기준 이전 객체와 다른가 호이스팅 - 면접에서 많이 나옴 오늘 진도 나간 내용을 기록하자 /* 자바스크립트의 Scope : 변수 가 유효한 범위 JS 의 Scope 는 총 3가지 G..

WEB-Front end/*JAVASCRIPT 2024. 1. 20. 23:35

오늘 배운 내용 props가 property임 JSX Props State Components 진도가 너무 빨라서 다시 프로젝트하고 공부할 겸 리액트에서 다루는 핵심은 컴포넌트인데 사실 리액트에서만 다루는게 아니라 구글이나 일반 웹사이트 에서도 자주 볼 수 있다. 쉡게 말해 html css javascript 이 세개가 UI의 한 부분을 규정하고 조종합니다. 리액트 컴포넌트는 자바스트립트의 함수와 같다. function App() { } 함수면 위에 함수를 더 만드는게 가능(함수는 대문자로 시작 하는거 잊지 말기) head, image, div 등과 같은 내장 컴포넌트는 리액트에서 DOM 노드로서 렌더링 됩니다. 반면에 헤더와 같은 커스텀 컴포넌트는 단순한 함수이므로리액트에서 함수로서 실행됩니다. 이 부..

React 스터디 2024. 1. 12. 23:59

@Data@NoArgsConstructor@AllArgsConstructor@Builder@Entity(name = "authority")public class Authority {    @Id    @GeneratedValue(strategy = GenerationType.IDENTITY)    private Long id;  // PK    @Column(length = 40, nullable = false, unique = true)   // 제약조건    private String name;  // 권한명 ex) "ROLE_MEMBER", "ROLE_ADMIN"}관리자 권한과 회원 권한을 도메인을 따로 분리 시켜 도메인 설계 해주기 @Data@NoArgsConstructor@AllArgsConst..

스프링 부트 2024. 1. 11. 09:12

팀 프로젝트 5명이 선정되고 좀 빨리 시작을 했지만 코로나 때문에 거의 2주 동안 붕 뜬 상태로 프로젝트를 진행 했다.다행히 외부 데이터API는 결정이 된 상태라 ERD만 뜯어 고치고 각자 맡은 파트를 개발했다. 개발환경에디터 : IntelliJ개발 환경 : Gradle 빌드를 실행 할 수 있는 도구 중에 Maven과 Gradle 중 Gradle 선택. ERD 설계'Entity Relationship Diagram' 의 약자로 이름 그대로 Entity 들의 관계를 나타내는 다이어그램이다.여기서 Entity는 보통 데이터를 뜻하니, 데이터들의 관계를 나타낸 도표를 의미한다. 내가 맡은 파트는 게시판 CRUD이다.제일 기본 중에 기본이고 생성, 수정, 삭제, 읽기를 또 경험하고 데이터 흐름을 알 수 있기도하..

스프링 부트 2024. 1. 9. 23:59

팀원 5명이서 주제 정하고 어떤 API활용할지 정하기~API부터 확인하는 이유는 사용자에게 풍부한 데이터를 보여줘야 하는데 API에 데이터가 보안상 아무에게나 쓸 수 있게 허용되지 않거나 기업만 쓸 수 있는거라면 나중에 확인할 때 프로젝트를 갈아 엎어야하는 불상사가 발생한다. 2동안 주제 선정과 동시에 쓸 수 있는 API를 싹 다 찾아 본 결과, 카카오 음식점 API카카오 MAP API한국관광공사_국문관광정보서비스Summer note API 데이터가 많은 부동산 API를 찾기가 제일 어려웠다 ㅠㅠ차라리 관광데이터를 활용해서 다른 파트를 보완하자고 의견을 냈고 다행히 서로 의견이 맞아 수월하게 진행! 제일 놀거리와 보여줄 거리도 많은 API와 제일 많이 모이는 유동인구가 어디냐하는 나온게 서울이다, 서울을..

스프링 부트 2023. 11. 26. 22:27

제이쿼리로 유효성 검사하는 수업 때 잘한 사람들 코드를 가져와서 올려보았다. 여러 방식이 있어서 참고하면 좋을 거 같다. 상진 // Js009_DOM5_practice1.html 과 같은 동작을 jQuery 로 작성해보세요. // 아래의 HTML 은 수정하지 마세요 // 아래 HTML 안에 inline JS 코드 없이 동작할수 있도록 아래에 작성해보세요 $(document).ready(function(){ changeBOX(), onSubmit(), datainput() }); function datainput(){ $("[type='text'],[type='number']").focusin(function(){ $(this).css("background-color","yellow"); }), $("[t..

WEB-Front end/*JAVASCRIPT 2023. 10. 27. 09:28