Easyone의 기술블로그
- All
- 함수형프로그래밍
- 글또
- til
- algorithm
- data structure study
3주차 복습
range 배열이 반환됨 느긋한 L.range 완성된 배열이 리턴되는 것이 아닌, next()함수 등을 가지는 이터레이터 객체가 반환된다. 둘의 효율성 차이? 완성된 배열을 만들고 순회하는 range와 이터레이터를 순회하면서 처리하는 L.range를 비교하면 L.range가 좀더 효율적이다. take 함수 순회하면서 자르는 L.range가 더 효율적이다.…
2주차 복습
map, filter, reduce 보조함수를 이용하는 고차함수화를 통한 재구현 이터레이터 프로토콜 다형성 지원 함수 map filter reduce map+filter+reduce 중첩 사용과 함수형 사고 응용 코드 예시 코드를 값으로 다루어 표현력 높이기 go, pipe go go 함수의 결과는 평가되는 값. pipe pip…
1주차 복습
해당 문서는 인프런 강의를 정리하는 문서입니다. *출처 섹션 0. 함수형 자바스크립트 기본기 평가? 코드가 계산되어 값을 만드는 것. 일급? 값으로 다룰 수 있다. 변수에 담을 수 있다. 함수의 인자, 결과로 사용될 수 있다. 일급 함수? 함수를 값으로 다룰 수 있다. 조합성과 추상화의 도구로 사용. 고차 함수? 함수를 값으로 다루는 함수. ex 함수를 …
웹 개발 스킬을 한 단계 높여 주는 프론트엔드 성능 최적화 가이드
목적 개발 역량 향상과 지식 쌓기 기간 웹 개발 스킬을 한 단계 높여 주는 프론트엔드 성능 최적화 가이드 2023.5.22 - 2023.6.30 10일에 한 챕터씩 읽고, 관련 내용 의견 나누기 최적화 기법 로딩 성능 : 이미지 사이즈 최적화, 코드 분할, 텍스트 압축 렌더링 성능 : 병목 코드 최적화 분석 툴 크롬 개발자 도구 : Network, Per…
프론트엔드 개발환경 세팅(1)
일지#1 1주 : 이전 강의 정리포스팅, 계획, 섹션0, 섹션1 라이브러리, 프레임워크에서는 편한방식의 스타트 환경을 제공한다 (CRA, Vue cli) 하지만 이런 환경구성을 아는 것 vs 모르는 것 차이가 있음 유능한 프로그래머가 되기 위해 직접 도구를 다루는 법을 배울 예정 이론 → 실습 (11개의 실습 꼭 따라하기) 오늘 한 것 node.js 설치…
CSR vs SSR vs SSG 차이 정리
CSR vs SSR vs SSG 정리하기 CSR vs SSR vs SSG 웹 페이지를 렌더링하는방식 Client Side Rendering (CSR) 클라이언트(브라우저)에서 웹 페이지를 렌더링 하는 것. TTI === TTV 모든 로직, 데이터 가져오기, 템플릿, 라우팅은 서버가 아닌 클라이언트에서 처리 CSR은 js번들 크기의 영향을 많이 받아서 적극…
JavaScript this에 대해서
요약: JavaScript에서 함수는 호출될 때, 매개변수로 전달되는 인자값 이외에, arguments 객체와 this를 암묵적으로 전달 받는다. this는 함수 호출 방식에 따라 바인딩되는 객체가 달라진다. 자바스크립트에서는 함수 호출 방식에 따라 동적으로 결정되는 객체가 this에 바인딩된다. 1. 함수 호출 전역 객체는 모든 객체의 최상위 객체를 의…
SSR과 CSR
현업에서 일을 하다보니 렌더링에 대한 CS지식이 확립이 되어야한다는 필요성을 느꼈다. 사실 SSR과 CSR은 면접단골 질문이라 수없이 많이 공부하고 내용을 정리한 적도 있는 주제이다. 이번 기회에 관련된 개념을 깔끔하게 재정립 해보자. MPA와 SPA MPA와 SPA는 아키텍처 패턴이다. MPA(Multi Page Application) MPA는 Mult…
프론트엔드가 나온 이유
회사에서 이런 질문을 받았다. “프론트엔드가 왜 나왔어?” 나는 회사에서 React.js를 경험해본 몇 안되는 사람 중 한명으로서 이유를 잘 몰랐지만 아는체하며 이정도로 대답을 했다. “Javascript가 발전하면서 브라우저에서 할 수 있는 역할이 많아졌고 그래서 프로그래밍이 프론트엔드와 백엔드로 구분되어서 현재의 모습으로 발전된 것 같습니다.” “이정…
신기술 도입시 유의사항
회사에 처음 입사해서 회사의 기술스택을 보고 놀라지 않을 수 없었다. JSP는 학교 수업에서조차 다루지 않을 정도로 레거시 기술이었고 우리는 프론트엔드 개발을 꿈꾸면서 회사에 입사했으니깐. 낯선 개발환경 속에서 학습 과정은 필요했고 등을 공부하면서 회사 기술 스택에 익숙해지는 중이다. 이 과정에서 내가 어떤 감정과 생각이 드는지 그리고 어떤 마음가짐인지…