[Java] List 중복 제거
2022. 10. 31. 20:24
프로그래밍/JAVA
Stream의 distinct()를 이용한 list 중복 제거 👉 list.stream().distinct().collect(Collectors.toList()); import java.util.Arrays; import java.util.List; import java.util.stream.Collectors; public class RemoveListDuplication { public static void main(String[] args) { // List 준비 List list = Arrays.asList("A", "B", "C", "A"); // 중복 제거 List newList = list.stream().distinct().collect(Collectors.toList()); // 결과 출..
[SpringBoot] spring-boot-devtools 라이브러리 사용 방법
2022. 10. 28. 20:55
프로그래밍/Spring Boot
spring-boot-devtools 라이브러리 사용 방법 devtools 라이브러리에서 제공하는 기능 Property Defaults Automatic Restart Live Reload Global Settings Remote Applications 보통 Automatic Restart와 LiveReload 기능을 사용하기 위해 사용함 서버를 재시작하지 않고, 클래스파일에 변경사항이 있을 시 이를 캐치하여 리로드 해줌 Automatic Restart와 LiveReload 사용 방법 1. build.gradle에 의존성 추가 developmentOnly 'org.springframework.boot:spring-boot-devtools' 2. IntelliJ 환경 설정 Preferences > Buil..
[React] Props를 통해 데이터 전달하기 - 리액트 자습서3
2022. 10. 27. 20:03
프로그래밍/React
Props를 통해 데이터 전달하기 본격적으로 시작하기 위해 Board 컴포넌트에서 Square 컴포넌트로 데이터를 전달해 보자 Square에 value prop을 전달하기 위해 Board의 renderSquare 함수 코드를 수정하기 class Board extends React.Component { renderSquare(i) { return ; } } 값을 표시하기 위해 Square의 render 함수에서 {/* TODO */}를 {this.props.value}로 수정 class Square extends React.Component { render() { return ( {this.props.value} ); } } 변경 전에는 변경 후에는 렌더링 된 결과에서 각 사각형에 숫자가 표시됨 지금까지의..
[React] 초기 코드 살펴보기 - 리액트 자습서2
2022. 10. 26. 20:13
프로그래밍/React
초기 코드 살펴보기 초기 코드 확인 ✓ html ✓ css body { font: 14px "Century Gothic", Futura, sans-serif; margin: 20px; } ol, ul { padding-left: 30px; } .board-row:after { clear: both; content: ""; display: table; } .status { margin-bottom: 10px; } .square { background: #fff; border: 1px solid #999; float: left; font-size: 24px; font-weight: bold; line-height: 34px; height: 34px; margin-right: -1px; margin-top: ..
[React] React란? - 리액트 자습서1
2022. 10. 25. 20:24
프로그래밍/React
React란? React는 사용자 인터페이스를 구축하기 위한 선언적이고 효율적이며 유연한 JavaScript 라이브러리 “컴포넌트”라고 불리는 작고 고립된 코드의 파편을 이용하여 복잡한 UI를 구성하도록 도움 React는 몇 가지 종류의 컴포넌트를 가지지만 우리는 React.Component의 하위 클래스를 사용할 것임 class ShoppingList extends React.Component { render() { return ( Shopping List for {this.props.name} Instagram WhatsApp Oculus ); } } // 사용 예제: XML과 유사한 재밌는 태그를 사용할 것임 우리는 컴포넌트를 사용하여 React에게 화면에 표현하고 싶은 것이 무엇인지 알려줌 데이터..
[Git] Git 충돌 해결하기
2022. 10. 24. 20:00
형상관리/Git
GitHub 충돌있는 경우 로컬에서 충돌 해결하기 파일을 pull request 했는데 충돌이 있는 경우 github에서 파일을 바로 변경해서 해결할 수도 있지만 안정성을 위해 추천하지 않음 local에서 충돌을 해결하고 다시 push 하기 나의 경우 충돌외에도 복잡한 문제가 있었음🥲 아래의 문제가 있는 경우 번호 찾아가면 해결방법이 있음 👆 작업을 오래해서 다른 팀원들의 변경 파일이 많았음(4~8번) ✌️ 충돌 간단하게 해결하려고 github(remote) 파일 직접 수정(10번) 👌 local에서 수정한 파일 존재(9~11번) 충돌 이후 과정 정리 보통 브랜치를 새로 만들어서 작업하고 합치려고 할때 이러한 경우가 발생할 것임(팀원들의 코드 수정 등으로 인해) 내 브랜치에 충돌난 브랜치 pull 받은 ..
[Git] git push error(pull first)
2022. 10. 21. 20:15
형상관리/Git
브랜치에서 커밋 했는데 pull 받아야 할게 있어서 push가 안되는 경우 여러명이 같이 일을하다보면 브랜치 따서 작업을 하는 도중 다른 팀원의 변경사항이 반영되어 내 작업을 바로 푸쉬하지 못하는 경우가 종종 있음 💡 feature 브랜치에서 commit을 한 이후 아래 명령어를 차례로 입력하면 됨 commit이 안돼있다면 commit 먼저 진행하기 git checkout [main] git pull origin [main] git checkout [feature branch] git push origin [feature branch] 🚫 실무에서는 보통 main이 아닌 dev 브랜치가 있을 것임(main이 아닌 dev브랜치 입력하기)
[React] 합성 (Composition) vs 상속 (Inheritance)
2022. 10. 20. 20:48
프로그래밍/React
합성 (Composition) vs 상속 (Inheritance) React는 강력한 합성 모델을 가지고 있으며, 상속 대신 합성을 사용하여 컴포넌트 간에 코드를 재사용하는 것이 좋음 이번 문서에서는 React를 처음 접한 개발자들이 종종 상속으로 인해 부딪히는 몇 가지 문제들과 합성을 통해 이러한 문제를 해결하는 방법을 살펴볼 것임 컴포넌트에서 다른 컴포넌트를 담기 어떤 컴포넌트들은 어떤 자식 엘리먼트가 들어올 지 미리 예상할 수 없는 경우가 있음 범용적인 ‘박스’ 역할을 하는 Sidebar 혹은 Dialog와 같은 컴포넌트에서 특히 자주 볼 수 있음 이러한 컴포넌트에서는 특수한 children prop을 사용하여 자식 엘리먼트를 출력에 그대로 전달하는 것이 좋음 function FancyBorder(..