본문 바로가기

학습 기록 (Learning Logs)

 (410)
[1,2,3] vue 설치, 데이터 바인딩 [1] vue 장점 [2] vue 설치 개발환경 세팅 nodejs설치하기 최신버전으로 윈도우, 맥은 똑같음 npm install -g @vue/cli 뷰 cli 를 설치함.. 뷰 환경을 설치해줌 에디터 부가기능: extensions vetur html css support vue 3 snippets npm install --global yarn yarn global add @vue/cli 프로젝트 생성 vue create 프로젝트명 vue create vuedongsan 폴더로 열기 npm run serve 실시간 미리보기 [오류 발생함] 이거 안되면 nodejs 버전이 17이라서 그래.. 16으로 다운그레이드 해줘 어떻게 하냐고? 제어판에서 nodejs삭제하고 다시 다운 받아.. nodejs 설치 왜함..
[프로그래머스] 숫자 문자열과 영단어 https://programmers.co.kr/learn/courses/30/lessons/81301 코딩테스트 연습 - 숫자 문자열과 영단어 네오와 프로도가 숫자놀이를 하고 있습니다. 네오가 프로도에게 숫자를 건넬 때 일부 자릿수를 영단어로 바꾼 카드를 건네주면 프로도는 원래 숫자를 찾는 게임입니다. 다음은 숫자의 일부 자 programmers.co.kr import java.util.Arrays; public class kakao81301 { public static void main(String[] args) { String s = "one4seveneight"; int an = Solutionkakao81301.solution(s); } } class Solutionkakao81301 { publ..
11 리액티브 API 개발 11.1~11.2 - 동민 11.3~11.4 - 워니 11.5~12.1 - 초밥 12.2 - 민이 12.3 - 가을 11.1 스프링 WebFlux 사용하기 스프링 프레임워크 WebFlux 리액티트 웹 프레임워크 매 연결마다 하나의 스레드 사용 비동기 웹 프레임워크 적은 수의 스레드로 더 많은 요청을 처리함. 스레드 블록킹 블록킹이 없다. 다중 스레드 이벤트 루핑 한 스레드 당 많은 요청을 처리할 수 있다. 데이터베이스, 네트워크 작업 모든 것이 이벤트로 처리된다. 요청이 처리 될때 스레스 풀 --> 작업 스레드 가져옴 작업 스레드 종료까지 : 요청 스레드 블록킹 됨 비용이 드는 작업이 필요하면 -> 해당 작업의 콜백을 등록 -> 병행으로 수행 -> 다른 이벤트 처리로 넘어감 -> 작업 완료 : 이벤트로 ..
25장 클래스 2021-12-18 발표자 17장 생성자 함수에 의한 객체 생성(14p) : 널두 25장 클래스.1~5(17p) : 데브워니 25장 클래스.6~7(11p) : 노아 25장 클래스.8(20p) : kei 1. 클래스는 프로토타입의 문법적 설탕인가 자바스크립트는 프로토타입 기반의 객체 지향 언어(=클래스가 필요 없는). 자바스크립트는 강력한 객체지향 프로그래밍 능력을 가짐. var Person = (function(){ function Person(name){ this.name = name; }//생성자 함수 end Person.prototype.sayHi = function(){ console.log('안녕하세요 내 이름은 ' + this.name): }//프로토타입 메서드 end return Person..
[코딩애플-자바스크립트] 모든 괄호를 없애주는 Spread Operator 활용방법 1
[프로그래머스] 없는 숫자 더하기 https://programmers.co.kr/learn/courses/30/lessons/86051 코딩테스트 연습 - 없는 숫자 더하기 0부터 9까지의 숫자 중 일부가 들어있는 배열 numbers가 매개변수로 주어집니다. numbers에서 찾을 수 없는 0부터 9까지의 숫자를 모두 찾아 더한 수를 return 하도록 solution 함수를 완성해주세요. 제한 programmers.co.kr 자바 배열 Arrays.sort(arr); Arrays.toString(arr) // 배열로 비교해서 했으나 실패! import java.util.Arrays; import java.util.stream.Stream; class Solution { public int solution(int[] numbers) { ..
Spring in Action https://livebook.manning.com/book/spring-in-action-fifth-edition/chapter-10/140 Chapter 10. Introducing Reactor · Spring in Action, Fifth Edition Understanding reactive programming · Project Reactor · Operating on data reactively livebook.manning.com 이미지랑 코드 복붙하기 좋은 곳 ㅋㅋ
10. 리액터 자바 스트림 리액티브 스트림 동기화, 한정된 데이터 작업 수행 무한 데이터셋 비동기 처리 지원 실시간 데이터 처리, 백 프레셔: 데이터 전달 폭주 방지 10.3.1~10.3.2 워니 반응형 프로그래밍 이걸 깨닫고 나면 새로운 세상이 열린다. https://www.youtube.com/watch?v=KDiE5qQ3bZI 코딩 중 오류의 소지가 될 수 있는 변수의 사용을 지양! 순수함수를 사용해서 프로그래밍 하는 것! 어떤 데이터를 특정 기준으로 걸러낸 다음 최초 몇개 만 추려내고 특정 형식으로 변환한 다음 한 문자열로 합치는 것 함수형이 아닌 걸로 값이 바뀔 수 있는 변수를 사용했으나 이제 사용하지 않는다 소프트웨어가 복잡해지면 오류가 생기겠죠? 코드에 노출된 변수들은 위험합니다. 3.1 리액티브 타입 생..

티스토리툴바