웹개발 18

잼스택 소개: 안전한 고성능 사이트 만들기

Introduction to the Jamstack: Build Secure, High-Performance Sites - SitePoint Understand the Jamstack, an alternative to LAMP and MEAN. Use static files with JavaScript to build secure, scalable, easy-to-maintain sites and apps. www.sitepoint.com Lucero del Alba, 2020년 7월 20일 가끔, 웹개발은 보다 나은 쪽으로 극적인 선회를 한다. 이 글에서 우리는 잼스택을 소개하고 그것이 무엇인지, 그리고 왜 대단한지를 설명한다. 예전에 역동적인(dynamic) 사이트들은 램프(LAMP) 스택으로 폭발했..

웹개발 2020.07.22

어떤 리액트 자바스크립트 프로젝트든지 그 수준을 높여줄 다섯 가지 마이크로 라이브러리들

Fay McInteer, 2020년 6월 19일 지난 몇 년 간 마이크로 자바스크립트 라이브러리들의 인기가 폭발했다는 것은 비밀이 아니다. 한 줌의 기능들을 사용하고자 거대하고 완전한 기능을 가진 프레임 워크들을 비싼 돈 내고 사지 않고 당신의 코드베이스에 포함할 유용하고, 잘 유지 보수되고 있으며 믿을 수 있는 라이브러리들을 골라내기 위해 어디서 시작해야 할지 약간 막막할 수 있다. 여기 어떤 크기의 자바스크립트 프로젝트더라도 그 수준을 높여줄, 내가 사용해 본 적 있는 굉장한 라이브러리들이 몇 개 있다. is.js arasatasaygin/is.js Micro check library. Contribute to arasatasaygin/is.js development by creating an acc..

웹개발 2020.07.21

리액트 훅과 리덕스를 사용한 리액트 상태 관리

React State Management using React hooks and Redux React components has a built-in state object. The state is encapsulated data where you store assets that is persistent between component renderings. The state is just a fancy term for a JavaScript data structure. www.loginradius.com 리액트 컴포넌트들은 상태(state) 객체(object)를 내장하고 있다. '상태'는 컴포넌트가 구현될 때마다 계속 존재하는 자산들을 저장하는 캡슐화된 데이터이다. 상태란 그냥 자바스크립트 데이터 구조를 ..

웹개발 2020.07.20

2021년 리액트 네이티브가 커질 7가지 이유

https://shift.infinite.red/7-reasons-react-native-is-going-to-be-big-in-2021-4b08c771788e 7 Reasons React Native is Going to Be BIG in 2021 When you plan to invest in mobile app development, the very first question is usually the platform and tooling. More exceptional… shift.infinite.red Gant Laborde, 7월 16일 모바일 앱 개발에 투자할 계획이라면 가장 먼저 물어볼 것은 보통 플랫폼과 도구들이다. 더욱 특출한 성능, 빠른 개발 사이클, 그리고 빠른 배포는 모든 사업가들..

웹개발 2020.07.17

풀스택 개발자가 되기 위한 최소 로드맵

What the Flexboxhttps://dev.to/ericdouglas/minimalist-roadmap-to-becoming-a-full-stack-developer-259b Minimalist Roadmap to Becoming a Full-Stack Developer I fear not someone who has practiced 10,000 kicks once, but I fear someone who has practiced one kic... dev.to 에릭 더글라스(Eric Douglas), 7월 14일 만 개의 발차기를 한 번씩 연습한 사람은 무섭지 않지만 한 개의 발차기를 만 번 연습한 사람은 무섭다. - 이소룡 웹 개발에 대해 배우기 시작할 때엔 이 여정에서 우리를 가이드 해줄..

웹개발 2020.07.16

UI 디자인 색상 사용의 10 가지 원칙

https://uxdesign.cc/10-principles-for-color-usage-in-ui-design-65174b213004 10 Principles for Color Usage in UI Design Best practices, tips, and terminology for using color in UI uxdesign.cc UI 색상 사용을 위한 모범 사례들, 조언, 그리고 전문 용어. Danny Sapio 1. 색상 전문 용어 색상 전문 용어는 우리의 색상 지식에 대한 기초를 형성한다. 휴, 틴트, 그리고 셰이드와 같은 색상 용어를 도구처럼 사용하여 독특한 색상 팔레트를 개발하는 데에 사용하는 것을 생각해보자. 휴: 휴는 색상에 대한 기술적인 용어이다. 휴는 부모 색상 - 흰색이나 검은..

웹개발 2020.07.15

웹팩과 바벨로 리액트 설정하기

https://dev.to/dtroyano86/setup-react-with-webpack-and-babel-4b Setup React with Webpack and Babel I went over setting up a basic project with Webpack in this post, so here I'm going to just focus on... dev.to 이 게시글에서 웹팩으로 기본적인 프로젝트 설정하기를 다뤘으니 여기서는 어떻게 당신의 리액트 프로젝트를 업그레이드 해서 웹팩과 바벨을 사용하는지에 촛점을 맞추려 한다. 혹시 잊어버렸다면, 웹팩은 불러오기와 내보내기 선언문들 및 종속 그래프를 사용하여 당신의 코드를 여러 파일들로 분류하는 것을 도와줄 것이다. 그리고 바벨은 어떤 브라우저든..

웹개발 2020.07.15

웹팩으로 자바스크립트 프로젝트 구성하는 방법

https://dev.to/dtroyano86/how-to-setup-a-javascript-project-with-webpack-259a How to Setup a Javascript Project with Webpack Have you ever wished you could stop manually adding all your scripts as tags in your html file? Well... dev.to 1) 웹팩으로 자바스크립트 프로젝트 구성하는 방법 모든 스크립트들을 태그처럼 html 파일에 수동으로 넣는 것 좀 그만했음 하고 바란적 있는가? 그렇다면 그런 소원을 빌던 날들은 끝이다! 내가 웹팩의 즐거움을 소개하겠다. 그 자체로, 웹팩은 html 파일에 오직 한 개의 스크립트 태그만 허..

웹개발 2020.07.14