분류 전체보기

[React + Node 같이 때려잡기] (5) react one-way data flow + 위치 도시 기반 날씨 앱 계속 making

포스팅 위치 도시기반 날씨앱(4)에 이은 마무리 작업 App.js가 모든 로직을 다 갖고 있고, 컴포넌트에 보내주는 식으로 작업을 진행해보도록 한다. react one-way data flow 때문이다. 컴포넌트 형제끼리 데이터를 주고 받기가 상당히 어렵다. 리액트 특징 one-way reactive data flow https://tkssharma.gitbook.io/react-training/day-01/react-js-3-principles/one-way-data- The foundation of understanding component relationships in React and parent component hierarchy… Props stands for properties. It is ..

[Java] 자바 List 인터페이스 구현 ArrayList vs LinkedList

전 포스팅에 이어서 작성합니다. import java.util.ArrayList; import java.util.LinkedList; import java.util.List; import java.util.Vector; public class Hello { public static void main(String[] args) { List words = List.of("Jisoo", "Lisa", "Jenny", "Rose"); List wordsArrayList = new ArrayList(words); wordsArrayList.add("GD"); System.out.println(wordsArrayList); // [Jisoo, Lisa, Jenny, Rose, GD] System.out.printl..

[Java] 자바 List.of()로 만든 불변 리스트를 가변 리스트로 바꾸기

이번 포스팅에서는 List.of()로 만든 불변 리스트(내부 정보 바꿀 수 없음)를 학습해보고, 이를 통해 가변 리스트(내부정보 바꿀 수 있음)를 만드는 방법까지 알아본다. Collections - List - Set - Queue - Map 자바를 공부할 때 태도 최신 버전 + 키워드 구글링하여 제일 위에 나오는 오라클 헬퍼 센터 문서를 열심히 읽을 것. List 정의 https://docs.oracle.com/javase/9/docs/api/java/util/List.html 정렬된 컬렉션( sequence라고도 함 ). 이 인터페이스의 사용자는 목록에서 각 요소가 삽입되는 위치를 정확하게 제어할 수 있습니다. 사용자는 정수 인덱스(목록의 위치)로 요소에 액세스하고 목록의 요소를 검색할 수 있습니다...

[클린코드] 1장 깨끗한 코드

- 회사가 망한 원인은 바로 나쁜 코드 탓이었다. - 상사, 관리자와 관계없이, 좋은 코드를 사수하는 일은 바로 프로그래머들의 책임이다. - 나쁜 코드를 양산하면 기한을 맞추지 못한다. - 빨리 가는 유일한 방법은, 언제나 코드를 최대한 깨끗하게 유지하는 습관이다. - 깨끗한 코드를 작성하려면 '청결'이라는 감각을 활용해 자잘한 기법들을 적용하는 절제와 규율이 필요하다. 열쇠는 '코드 감각'이다. - '코드 감각'이 있는 프로그래머는 나쁜 모듈을 보면 좋은 모듈로 개선할 방안을 떠올린다. - 클린 코드란, 작성자가 아닌 사람이 읽기에도 쉽고 고치기에도 쉬운 코드이다. 또한 코드를 읽으면서 짐작했던 기능을 각 루틴이 그대로 수행한다면 깨끗한 코드다. (높은 가독성, 쉬운 유지보수, 예측 가능성) - 깨끗한..

[Css][반응형 웹] flex 이용하여 div 박스를 원하는 위치로 내리기

기본 스펙 : react 사건의 전말 이 포스팅은 원하는 마크업을 위해 좌충우돌 css를 만졌던 과정을 담은 작업기이다. 도시별 현재 날씨 정보 앱페이지를 만드는 과정 중에 div 박스를 적절한 위치로 내리고 싶었다. CSS position [css] position 요소의 위치 설정 CSS / POSITION position 특징 요소의 위치를 마음대로 설정하기 위한 속성 static, relative, absolute, fixed, sticky로 position에 값을 줄 수 있다. 위치를 설정할 때에는 top,right,left,bottom을 사용할 수 있다. 요소 itjy2.tistory.com 위 포스팅을 참고하여, div를 원하는 위치에 옮겨보았다. .container{ position:rel..

[Git 오류 해결]remote: Support for password auåthentication was removed on August 13, 2021

https://dev.classmethod.jp/articles/resolving-github-token-authentication-errors/ GitHub 토큰 인증 에러 해결 remote: Support for password authentication was removed. Please use a personal access token i git push 명령어를 입력할 때 나오는 토큰 인증 에러를 해결하는 방법에 대해서 정리해 봤습니다. dev.classmethod.jp remote: Support for password auåthentication was removed on August 13, 2021. remote: Please see https://docs.github.com/en/get-..

[Git] 업무용, 개인용 깃 계정 분리

https://www.daleseo.com/git-config/ git config 명령어 사용법 Engineering Blog by Dale Seo www.daleseo.com https://awesometic.tistory.com/128 깃(git) - 프로젝트/저장소마다 다른 계정 정보 사용하기 저장소별 계정 설정 Command line 에서 git을 사용하려면, git 설치 후 간단한 설정 두 가지 정도는 해줘야 편해요. 계정과 이름 설정을 해주면 git commit, git push 할 때마다 계정 정보를 입력하지 않아도 awesometic.tistory.com 레포마다 아래와 같이 글로벌과 로컬을 잘 구분해주면 된다. //개인 프로젝트 위치에서 $ git config user.email mim..

[React + Node 같이 때려잡기] (4) 위치 도시 기반 날씨 앱 (api 연결 기초작업, UI작업 )

1. 기능 명세서 //1. 앱이 실행되자마자 현재 위치 기반의 날씨가 보인다. //2. 날씨 정보에는 도시, 섭씨, 화씨 날씨 상태 //3. 5개의 버튼이 있다 (1개는 현재 위치, 4개는 다른 도시) //4. 로딩 스피너 기능 추가 2. weather api https://openweathermap.org/api Weather API - OpenWeatherMap Please, sign up to use our fast and easy-to-work weather APIs. As a start to use OpenWeather products, we recommend our One Call API 3.0. For more functionality, please consider our products, ..

[리팩터링 2판] 12.11 슈퍼클래스를 위임으로 바꾸기

1. 슈퍼클래스를 위임으로 바꾸어야 할 때 기능을 온전히 사용할 수 없고 어울리지 않은 클래스를 상속했을 때, 상속을 먼저 적용했다가 문제가 생겼을 때 객체 지향에서 상속이 혼란과 복잡도를 키울 수도 있다. 상속을 잘못 적용한 예로는 자바의 스택 클래스가 유명하다. 자바의 스택은 리스트를 상속하고 있는데, 데이터를 저장하고 조작하는 리스트의 기능을 재활용하겠다는 생각이 초래한 결과다. 최악은 리스트(슈퍼클래스)의 연산 중 스택(서브클래스)에는 적용되지 않는 게 많음에도 그 모든 연산이 스택 인터페이스에 그대로 노출된다는 것 리스코프 치환 원칙 : 서브 클래스는 슈퍼 클래스 자리를 대체하더라도 잘 동작해야 한다. 자바의 스택처럼, 슈퍼클래스의 기능들이 서브클래스에 어울리지 않는다면 그 기능들을 상속을 통해..

[디자인 패턴] Repository Pattern

https://youtu.be/x6C20zhZHw8 리팩토링 2판을 공부하다가 Repository 패턴이 나와서 따로 정리해보려고 한다. Repository 패턴이란 데이터와 상호작용하는 데 필요한 논리를 캡슐화하는데 중점을 둔 클래스 모음으로 정의할 수 있다. 더 구체적으로 설명하자면, 데이터 출처(로컬 DB, 서버 API 응답 등)와 관계 없이 동일 인터페이스로 데이터에 접속할 수 있도록 레포지토리를 만들어 관리하는 것을 말한다. 도입 배경 데이터를 사용하는 Domain에서는 비즈니스 로직에만 집중할 수 있으며 ViewModel은 데이터 출처를 신경 쓸 필요가 없고 여러 Repository를 공유하더라도 일관된 Interface를 통해 데이터의 일관성을 유지할 수 있다. 비즈니스 로직은 프로그램의 핵..