전체 글

[Node.js] (6) Single Thread, Event Loop & Blocking Code

싱글스레드 (Single JavaScript Thread ) NodeJs는 하나의 JavaScript 스레드만 사용한다. 스레드는 쉽게 말해 운영 체제에서의 프로세스로 하나의 스레드만 사용한다면 어떻게 여러 요청을 다루는지의 궁금해진다. 각 요청마다 스레드를 지정할 수 없으니, 결국 모두 하나의 스레드에서 실행될 것. 이벤트루프 ( Event Loop ) 이벤트 루프는 Node.js 가 시작하면 프로그램에 의해 자동으로 시작된다. 이벤트 루프는 이벤트 콜백을 다룬다. 특정 이벤트가 일어났을 때 바로 이벤트 루프가 해당 코드를 실행하는 것이다. 모든 콜백을 파악하고 있어서 코드를 실행한다. 빨리 끝낼 수 있는 코드를 포함한 콜백만을 다룬다. 뭐니뭐니해도 원본 도큐먼트가 최고 아니겠는가 : https://n..

[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-..