본문 바로가기

분류 전체보기

(10)
[변경될 수 있음]웹 FE 관점 최적화 목록 With 블로그 ㅇ ㅇ ㅇ ㅇ ㅇ https://velog.io/@yena1025/FE-%EC%84%B1%EB%8A%A5-%EC%B5%9C%EC%A0%81%ED%99%94-%EB%8B%A8%EA%B6%8C%ED%99%94-%EC%A0%95%EB%A6%AC FE 성능 최적화 단권화 정리 프론트엔드 성능 최적화 사항 정리 velog.io https://velog.io/@hsecode/%EC%B5%9C%EC%A0%81%ED%99%94-%EC%9B%B9-%EC%84%B1%EB%8A%A5-%EC%B5%9C%EC%A0%81%ED%99%94-%EB%B0%A9%EB%B2%95-5%EB%B6%84-%EC%99%84%EC%84%B1 [최적화] 웹 성능 최적화 방법 5분 완성 성능 최적화 방법 몇가지를 알고 계신가요? 성능 최적화 방법을 ..
React 공부할 때 필요한 사이트 React 공식 문서 React source example 사이트(React 공식 사이트에서 제공) React + TS ㅇ ㅇ ㅇ 1. 2. React source example 사이트(React 공식 사이트에서 제공) https://reactjsexample.com/ React.js Examples A nice collection of often useful examples done in React.js reactjsexample.com https://react-slideshow-image.netlify.app/?path=/story/introduction--page Webpack App react-slideshow-image.netlify.app 3. https://react-typescript-ch..
[기술 습득에 필요한 정보 얻은 것(삭제될 수 있음)] Web FE React Redux Typescript Styled-components Vite All(1~5) 1. 2. 3. 4. 5. Vite 비트 소개 https://velog.io/@yena1025/Vite%EB%B9%84-%ED%8A%B8%EB%A5%BC-%EC%86%8C%EA%B0%9C%ED%95%A9%EB%8B%88%EB%8B%A4 Vite(비-트)를 소개합니다 더 이상 CRA로 돌아갈 수 없어 velog.io https://velog.io/@sehyunny/is-it-time-to-say-goodbye-to-webpack (번역) 이제는 웹팩과 작별할 때일까? 이 중요한 질문에 답변하기 전에, 왜 우리가 이것을 고려하고 있는지를 살펴봅시다. 2021년 bestofJS 데이터를 살펴보면 빌드 도구 영역의..
IT Blog 모음 ZIP 트렌드와 현업에서 이뤄지는 idea와 상황, 그리고 기술등등에 대한 it해답을 it회사 자체 커뮤니티와 여럿 블로그에서 얻을 수가 있습니다. 그래서 기술 블로그 모음을 정리해보도록 하겠습니다. 이는 제가 해당 블로그를 주기적으로 빠르게 찾아 보기 위해 작성했습니다. 그리고 주기적으로 업데이트됩니다!! (트렌드 블로그) - 분야에 따라 다르므로, 해당 블로그 링크 첨부(그외 일반적인 것들은 여기서 작성하겠습니다.) (개발 언어 공식 블로그) - 분야에 따라 다르므로, 해당 블로그 링크 첨부(그외 일반적인 것들은 여기서 작성하겠습니다.) (개발 방법 또는 최적화 블로그) - 분야에 따라 다르므로, 해당 블로그 링크 첨부(그외 일반적인 것들은 여기서 작성하겠습니다.) (개발 회사 블로그) IT각 직군(개발자 ..
[한권으로 읽는 컴퓨터 구조와 프로그래밍] 블로그 시작하며 우선, 해당 장에 대해, 이전장과 이후 장의 상관 관계를 설명해 흐름을 파악할 것입니다. 그리고, 해당 장의 핵심 주제와 초점을 설명할 것입니다. 이를 바탕으로, 각 목차에 핵심과 상세 내용을 구분하고, 또 연결되는 부분은 따로 빼서 설명을 드리도록할 것입니다. 이 블로그는 제가 나중에 한눈에 찾아볼 수 있도록 네비게이션으로 활용할 수 있도록 작성합니다. 이제 시작해볼까요?
[공부 방법 추천] 개발 공부는 어떡하면 가장 빨리 늘까? 보호되어 있는 글입니다.
[공통] 블로그는 어떡해?? 과거의 나는 블로그를 작성하는데, 계획을 세우고, 형식을 찾아보며, 막막하게 접근했다. 이 글은 과거의 나에게 알려주는 것이자, 과거의 나와 같은 사람이 어려움을 겪고 있다면, 도움을 주고자 하는 글이다. 어떤 유형의 블로그던지 현재 주변에서 많이 들어본 것은 일단, 작성하는 것부터 시작인 것 같다. 작성하면서, 정리가 되는 것이다. 왜냐하면, 머리속을 꺼내면서, 아는것과 모르는것을 구분할 수 있으며, 내가 말하고자하는 바를 파악할 수 있다. 물론 "목적"이 구체적으로 들어나면, 기준을 잡고, 최대한 목적을 이룰 수 있는 글을 써야한다. 요약하자면, 다른 글쓰기 형식을 보지 말고, 일단 위에 일단 작성하며, 목적이 있으면, 최대한 목적을 이룰 수 있는 글을 쓰는 것이 전부다. 일단 시작해라! 처음 시작하..
[강의 요약 - ] TypeScript로 블록체인 만들기(1) *이 강의 요약 블로그 전체에 TypeScript로 블록체인 만들기 강좌 목차를 포함하고 있습니다* TypeScript로 블록체인 만들기 강좌 목차 1. INTRODUCTION 2. OVERVIEW OF TYPESCRIPT 3. FUNCTIONS 4. CLASSES AND INTERFACES 5. TYPESCRIPT BLOCKCHAIN 1. INTRODUCTION #1.1 ❤️ 무료 강의❤️ #1.2 Welcome - 환영 인사(누구나 간단한 내용임!) #1.3 Who Should Take This Course - JS user(사용 프로그래머)/c++,java등 강타입 언어 user(사용 프로그래머) #1.4 Software Requirements #1.5 Why not JavaScript javasc..
[npm 시작] npm 설치 명령어 - "의존성"(devdependencies vs dependencies) 목차 npm에서 "의존성"이란? "의존성"에 따라 npm 설치 명령어 차이(코드)와 주의사항(혼동요소 점검) 1. npm에서 "의존성"이란? npm에서 의존성이란 한 마디로 해당 프로젝트가 돌아가기 위해 필요한 npm 패키지들. - 해당 프로젝트가 의존하는 패키지들 npm은 하나의 커맨드로 프로젝트의 모든 의존성을 설치할 수 있습니다. 의존성은 또한 package.json에 정의됌. 2. "의존성"에 따라 npm 설치 명령어 차이(코드)와 주의사항(혼동요소 점검) dependency로 패키지 설치 devDependency로 패키지 설치 Full form: npm install --save [npm package name] Short form: npm i -S [npm package name] Full f..
[해당 카테코리 첫 글을 시작하며...]Task Runner란? 목차 1. 정의 2. 필요성 3. 코드(내용) https://github.com/yeoseon/tip-archive/issues/40 모던 자바스크립트란 · Issue #40 · yeoseon/tip-archive 모던 자바스크립트란 https://mechanickim.github.io/2018/03/31/20180331_mordern_javascript/ github.com 1. 정의 정의 task runner란 각기 다른 부분의 빌드 과정을 자동화시켜주는 도구 2. 필요성 필요성 성능을 고려해 본다면 우리가 webpack을 통해 만든 bundle 파일을 축소시킬 필요 존재 JavaScript가 변경될 때마다 webpack 명령을 수행해 주어야 하는 건 꽤 귀찮음. + package.json파일에 de..