- 전체보기(83)
- TIL(30)
- React(15)
- python(8)
- 마이크로프론트엔드(5)
- 웹팩(5)
- JavaScript(5)
- CSS(4)
- 함수형 프로그래밍(3)
- 코어 자바스크립트(3)
- Event(3)
- html(3)
- Props(3)
- Micro Frontend(3)
- boj(3)
- State(3)
- functional programming(3)
- Flask(3)
- 백준(3)
- Database(2)
- vue(2)
- vue.js(2)
- 데이터타입(2)
- redux(2)
- array(2)
- 코어자바스크립트(2)
- repl.it(2)
- if(2)
- typescript(2)
- for(2)
- sys.modules(1)
- sys.path(1)
- 모듈(1)
- pipelines(1)
- Minitweet(1)
- router(1)
- float(1)
- calculator package(1)
- 함수형프로그래밍(1)
- progressive web app(1)
- fixed(1)
- mock data(1)
- Selection Sort(1)
- while(1)
- pagination(1)
- webpack(1)
- 콜백함수(1)
- 브랜디(1)
- CI/CD(1)
- 기본타입(1)
- mongodb(1)
- const(1)
- var(1)
- 클로저(1)
- filter(1)
- reactive programming(1)
- Tailwind CSS(1)
- 데이터베이스(1)
- useMemo(1)
- inline block(1)
- 함수(1)
- this(1)
- DOM(1)
- rxjs(1)
- Sass(1)
- useCallback(1)
- 중복(1)
- 함수형 프래그래밍(1)
- block(1)
- wanted(1)
- inline(1)
- list comprehension(1)
- 페이지네이션(1)
- 프로젝트(1)
- 인턴십(1)
- Fetch(1)
- MFA(1)
- 실행 컨텍스트(1)
- HoC(1)
- nosql(1)
- 객체지향(1)
- Monsters(1)
- semantic web(1)
- 변수(1)
- let(1)
- 고차컴포넌트(1)
- ES6(1)
- 파이썬(1)
- pwa(1)
- function(1)
- nextjs(1)
- Intro(1)
- fp(1)
- object(1)
- position(1)
- datepicker(1)
- semantic tag(1)
- back end(1)
- 선택정렬(1)
- sql(1)
- import(1)
- 추상화(1)
- 백엔드(1)
- 자료구조(1)
- absolute(1)
- API(1)
- relative(1)
- 라이브러리(1)
- reacts(1)
- 리액트(1)
- Absolute Path(1)
- Relative Path(1)
- Reactive Extenstions(1)
[백준] 2745,11005 : 진법 변환 (python/파이썬)
문제 링크 메모리: 113112 KB, 시간: 120 ms구현, 문자열, 수학문제 링크 메모리: 113112 KB, 시간: 116 ms구현, 수학
[백준] 5397 : 키로거 (python/파이썬)
메모리: 227196 KB, 시간: 476 ms자료 구조, 연결 리스트, 스택창영이는 강산이의 비밀번호를 훔치기 위해서 강산이가 사용하는 컴퓨터에 키로거를 설치했다. 며칠을 기다린 끝에 창영이는 강산이가 비밀번호 창에 입력하는 글자를 얻어냈다.키로거는 사용자가 키보드를
[백준] 1966 : 프린터 큐 (python/파이썬)
메모리: 115004 KB, 시간: 128 ms자료 구조, 구현, 큐, 시뮬레이션여러분도 알다시피 여러분의 프린터 기기는 여러분이 인쇄하고자 하는 문서를 인쇄 명령을 받은 ‘순서대로’, 즉 먼저 요청된 것을 먼저 인쇄한다. 여러 개의 문서가 쌓인다면 Queue 자료구조
[백준] 1874 : 스택수열 (python/파이썬)
메모리: 126108 KB, 시간: 224 ms자료 구조, 스택이 문제의 핵심은 count라는 변수를 만들어서 필요한 1부터 n까지의 값을 tracking 해주는 것이다.while문을 통해 받은 input 값이 될때까지 stack에 count를 올리면서 넣어준다. wh
[백준] 2920 : 음계 (python/파이썬)
구현총 8개의 원소를 순환하기 때문에 1~8까지의 숫자를 고정값으로 넣어도 된다.원소의 앞뒤만 비교해가며 값을 false로 바꿔주며 최종값을 if else문을 통해 결과값을 출력한다.예를 들어서 배열이 8 1 7 2 6 3 5 4 이라고 가정해보자 0번쨰와 1번째 배열
함수형 프로그래밍 (3)
이터러블 중심 프러그래밍 실무에 적용해보기 앞서 만들어 놓은 여러가지 이터러블 프로토콜 기반의 함수들을 실무적인 코드에 적용하는 방법을 알아보도록 하자 비동기: 동기성 프로그래밍 자바스크립트에서 비동기 동기성 프로그래밍을 하는 방법은 크게 두가지이다. callb
함수형 프로그래밍 (2)
앞서 만들어 뒀던 map, fiter, reduce를 모듈화 해놓고 사용해보자. 아래 코드는 정상적으로 잘 작동하지만 중첩되어 있어서 이해하기 어렵다. 해당 코드와 똑같은 기능을 하는 코드를 좀 더 사용 친화적인 코드로 변환해보자
객체 지향(OOP) - 추상화 (Abstraction)
추상화 (Abstraction) 소프트개발에서의 추상화란 복잡한 자료, 모듈, 시스템등으로부터 핵심적인 개념 또는 기능을 간추려내는 것을 말한다.
함수형 프로그래밍
해당 내용은 인프런 "함수형 프로그래밍과 Javascript ES6+"라는 강의를 보며 개인적으로 정리하는 내용이다코드가 계산 (Evaluation) 되어 값을 만드는 것값으로 다를 수 있다변수에 담을 수 있다함수의 인자로 사용될 수 있다함수의 결과로 사용할 수 있다함
MongoDB 정리
Full- text search queries 지원Data-tiering을 사용해서 오래된 (3개월이상)된 데이터들을 자연스럽게 S3로 내려줄 수 있다. (Federated queries using MQL)Native visualization of MongoDB dat
Higher Order Component(HOC) 활용 제대로 하기
리액트 공식 문서에 따르면 고차 컴포넌트는 "컴포넌트 로직을 재사용하기 위한 React의 고급 기술"이라고 표현한다.쉽게 표현하자면 기존 컴포넌트는 props를 받아 UI를 변환하는 역할을 한다면, 고차 컴포넌트 같은 경우에는 컴포넌트를 가져와 새 컴포넌트를 반환하는
마이크로프론트엔드 with Frontend Frameworks
Micro Frontend 마이크로 프론트엔드 아키텍쳐를 잘 활용하기 위해서 몇가지 지켜야하는 필수사항들이 있다. 컨테이너 외의 프로젝트들끼리는 공유되는게 없어야한다. 함수/객체/클래스 상태값(ex.redux,context) 라이브러리 컨테이너와 하
마이크로 프론트엔드 without Frontend Frameworks 2
지난번에 이어서 마이크로 프론트엔드를 좀 더 파헤쳐 보자. 저번에 구현 부분을 네트워크탭에서 확인해보면 cart와 products에서 동시에 faker 모듈을 분리해서 불러오고 있는것을 볼 수 있다. 하지만 faker은 중첩된 모듈이고 번들 사이즈도 매우 큰편이기에 효
마이크로 프론트엔드 without Frontend Frameworks
마이크로 프론트엔드 아키텍쳐를 리액트를 가지고 실제로 적용시켜 보며 개념을 정리해보자.모놀로식 애플리케이션을 여러개의 조금한 애플리케이션으로 나누어 개발하는 것을 말한다. 일반적으로 마이크로 서비스 아키텍쳐 개념을 프론트엔드 애플리케이션에 접목시켰다고 이해하면 쉬울 것
[Webpack] 궁금해서 혼자 정리하는 웹팩 3
실제 배포 환경을 구축하기 위한 유틸리티와 좋은 사례들에 대해 알아보자.development 와 production의 빌드 목표는 매우 다르다. development 같은 경우에는 강력한 소스 매핑을 통한 디버깅, localhost 서버에서 라이브 리로딩이나 hot m
[Webpack] 궁금해서 혼자 정리하는 웹팩 2
웹팩을 앞에 내용에 이어서 정리해보자. Code Splitting 코드 스플리팅을 사용하면 코드를 다양한 번들로 분할하고, 요청에 따라 로드하거나 병렬로 로드할 수 있다. 더 작은 번들을 만들고 리소스의 우선순위를 올바르게 제어하면 로드 시간에 큰 영향을 끼칠 수
[Webpack] 궁금해서 혼자 정리하는 웹팩
모듈번들러는 무엇이더냐 > 파일을 여러개로 분리하는 과정을 모듈화라고 부르고, 파일을 모듈이라고 한다. 자바스크립트로 개발을 하다보면 코드의 재사용 및 유지보수 측면에서 모듈화해서 작업할 떄가 많다. 이렇게 모듈화 된 파일들을 브라우저에 보여주기 위해선 모듈마다 하