바닐라 자바스크립트로 개발하는 방식과 리액트 같은 프레임워크를 사용하는 것은 어떤 차이가 있지? 사실 바닐라 자바스크립트로도 클래스를 이용해서 모듈을 만들어 끼워맞출 수 있지 않나? 훅을 이용한다는 것 전에는 결국 바닐라와 리액트와 별 차이가 없었을 것 같다는 생각이 들었다. render innerHTML로 코드를 조각조각 나누면 그게 컴포넌트 html 렌더링과 다른게 어떤걸까? 개발자 입장에서는 리액트가 유지보수하기 쉽다는데 정확히 왜 사용하는지 생각을 해보지 못한 것 같다. 1. 일관되지 않은 코드 바닐라 자바스크립트 등 프레임워크를 이용하지 않은 순수 개발은 정해진 규격이 없어 개발하는 사람들에 따라 중구난방식 코드가 짜진다고 한다. 특히 기업에서 협업할 시, 프레임워크의 틀 없이 짜면, 새로 팀에..
이 글은 Tyler Hawkins의 React Clean Code / Simple ways to write better and cleaner code의 번역본 입니다. 원본 링크 React Clean Code Simple ways to write better and cleaner code betterprogramming.pub 클린 코드는 코드를 타이핑하는 것 그 이상입니다. 클린코드는 읽기 쉽고, 이해하기 쉬우며 잘 정돈 돼 있죠. 이 글에서 더 클린한 리액트 코드를 작성하는 8가지 방법에 대해 알아보겠습니다. 이 8가지 방법들은 그저 '제안'일 뿐이란걸 아셨으면 합니다. 이것들 중 어떤것은 동의하지 않는대도 괜찮습니다. 그러나, 이 방법들은 제 스스로 리액트 코드를 짜면서 발견한 유용한 방법들 입니다..
오래 전 부터 IE를 쓰지 않아서 잘 몰랐는데 내가 개발중인 리액트 앱을 IE로 열었더니 백지상태로 뜨는 것을 보고 좀 놀랐다. 리액트 앱 나오게 하는 방법은 다음 게시글에서... 오늘 구현하려고 하는 건 이거다. 이 외에 수 많은 사이트에서 IE 사용을 제지하고 있고, 실제로 기능이 제대로 구현이 되지 않는 경우가 많다. 2020년 3월 시장 조사기관 스탯카운터에 따르면, 대한민국의 IE 점유율은 13%로 대한민국 인터넷 이용자 10명 중 1명은 인터넷 익스플로러를 사용하는 수치이다. 대한민국의 IE 점유율이 이다지도 높은 이유는, 공공기관의 activeX가 크롬 등 다른 브라우저에서는 정상적인 역할을 하지 못하기 때문이다. IE 사용률이 높은 대한민국의 대표적인 포털사이트 네이버도 IE를 버린다는건 ..
하드코딩(반복 작업으로 불필요한 것 들을 다 코딩하는 방법)을 막는 방법 중 하나이다. 고객의 데이터가 몇십만개라고 치면, 그 몇십만개의 데이터에 해당하는 주소를 일일히 라우팅 하지 않는 방법이다. 마치 api에서 불러오는 자료들을 반복문이나 map함수를 이용해 반복하는 방식과 비슷하다. 예시코드 import React from "react"; import ReactDOM from "react-dom"; import "./index.css"; import { BrowserRouter, Route, Switch, Link, NavLink } from "react-router-dom"; function Topics() { return ( Topics HTML CSS JAVASCRIPT HTML is ... ..
- Total
- Today
- Yesterday
- getserversideprops redirect
- 리액트 컴포넌트
- 10989 파이썬
- 리액트 라우터
- react router
- dvd 효과
- 리액트 파라미터 넘기기
- nuxt 공식문서 한글
- NextJS
- vscode venv
- 리액트
- 화이팅
- next.js 리다이렉트
- 파이썬 크롤링
- 파이썬 flask
- 자바스크립트
- nextjs 파라미터 넘기기
- nuxt 공식문서
- nextjs 스크롤
- 글래스모피즘 애니메이션 구현
- 움직이는 글래스모피즘
- 백준 10989 파이썬
- bs4 크롤링
- Til
- css marquee
- 파이썬 정렬
- 글래스모피즘 구현
- 리액트 스크롤
- css 글래스모피즘
- 카페음료테스트
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |