자몽아빠 자몽아빠

웹 개발 패턴은 지난 30년 동안 빠르게 변화했습니다. 1991년 처음 웹페이지가 선보였을때와는 전혀 다른 웹페이지를 볼 수 있습니다. 많은 기능들이 추가되었고 디자인 적으로도 훨씬 아름다워 졌습니다. 매년 웹 개발 패턴은 변화하고 있습니다. 올해 유행한 트렌드는 내년에는 구식이 될 수도 있습니다. 그렇다면 2023년에는 어떤 웹 개발 트렌드가 인기를 끌까요? 1.눈을 편하게 하는 다크 모드 요즘 앱이나 브라우저에서 다크 모드를 지원하는 것이 많아지고 있습니다. 다크 모드는 밤에 특히 눈을 더 편하게 합니다. 침대에 누워서 앱을 본 적이 있다면 다크 모드가 얼마나 눈을 덜 피로하게 하는 지 알 수 있습니다. 최신버전의 Android와 iOS는 다크 모드를 제공합니다. 특정 시간에 자동으로 다크 모드를 적..

요약 1. React 2. Vue 3. Svelte 4. Angular 5. ember 6. Backbone 자바스크립트를 사용하지 않는 웹개발자는 없을 것이다. 그리고 자바스크립트 프레임워크를 사용하지 않는 개발자도 거의 없을 것이다. 복잡한 UI를 개발할때 프레임워크 없이는 쉽지 않기 때문이다. 프레임워크를 사용하면 구성 요소를 생성하는 간단한 방법을 제공하고 데이터 모델과 코드를 분리해서 더 알아보기 쉬운 코드를 만들 수 있다. 하지만 프레임워크가 워낙 다양해서 어떤 프레임워크를 사용해야 할지 고민이 된다. 다양한 프레임워크를 알아보고 어떤 프레임워크를 사용해야 할지 선택해보자. 자바스크립트 프레임워크가 어떤 것인지는 아래 링크에서 더 자세히 알아보자 https://jamonabba.tistory...

1. 라이브러리와 다른점 프레임워크는 라이브러리보다는 큰 개념이다. 프레임워크 안에 라이브러리가 포함되어 있기 때문이다. 최신 프레임워크가 존재하기 전에 jQuery 라이브러리는 브라우저 호환성을 보완해주는 최고의 라이브러리였다. 웹 앱을 개발하기 위한 기능들이 포함되었다. jQuery는 새로운 프론트엔드 도구의 문을 열었다. Angular, vue, react 등 최신 프레임워트는 웹 프론트 개발을 위한 아키텍처를 제공한다. 2. 프레임워크의 역할 프레임워크는 개발자 경험을 개선하는 툴을 제공하여 복잡한 애플리케이션을 더 빠르고 효율적으로 구축할 수 있도록 한다. 프레임워크를 사용하면 테스트 및 린팅 같은 기능을 추가하여 오류없는 코드를 제공할 수 있다. 또한 UI의 여러 부분을 독립적으로 유지하고 재..

Meteor 프레임워크 사용경험이 있는 개발자들의 리뷰를 모아봤습니다. "빠른 구현과 실시간 기능은 좋지만 SQL 지원은 그다지 좋지 않습니다." 저는 지난 1 년 동안 meteor JS를 작업하고 있으며 meteor 자바스크립트 프레임워크에 대한 경험이 좋습니다. 모바일 (안드로이드 및 IOS 애플리케이션) 및 웹 애플리케이션 개발에 meteor.js를 사용했습니다. 이 프레임 워크에서 얻은 주요 이점 중 하나는 프론트 엔드, 백엔드 및 데이터베이스에 대해 하나의 언어만 사용해야한다는 것입니다. JSON 객체를 저장하고 자바 스크립트를 쿼리 언어로 사용하는 MangoDB 데이터베이스와 결합된 meteor.js는 개발자가 동기화 코드를 작성하지 않고도 데이터 변경 사항을 클라이언트에 전파하는 실시간 기능..

1. ReactJS React 는 가장 인기있는 프레임워크 입니다. 2003년에 페이스 북에서 시작하여 네이티브 개발에 활용했습니다. 재사용 가능한 구성 요소를 제공하는 것이 특징이며, 프로그래머 커뮤니티가 활성화된 것도 장점입니다. 누군가에게 물어볼 수 있다는 것은 프로그래밍에서 중요합니다. React는 단일 페이지 애플리케이션 (SPA), 크로스 플랫폼 개발 및 소규모 비즈니스 앱 생성에 좋은 선택입니다. ReactJS 특징 대부분의 기기에서 UI 개발이 가능합니다. React 앱은 각각 고유 한 액세스, 논리 및 제어가있는 여러 구성 요소로 구성됩니다. 단방향 데이터 흐름을 따릅니다. JSX 파일을 사용하여 앱의 코드를 쉽게 읽고 이해할 수 있습니다. 2. AngularJS Angular 는 다목적..

프런트 엔드 공부를 결심했다면, HTML, CSS, JavaScript를 공부하고 있다면, 꼭 알아야 할 것들이 있어서 소개합니다. Sass Sass는 CSS의 확장으로 스타일을 보다 직관적이고 효율적으로 관리할 수 있는 강력한 도구입니다. Sass를 사용하면 쉽게 재사용 가능한 스타일을 만들 수 있습니다. 웹사이트가 커지면서 CSS 스타일도 복잡해져서 유지관리가 어려워 졌습니다. Sass는 이러한 문제를 해결하기 위한 도구입니다. 반응형 디자인 반응형 디자인은 CSS 스타일이 모든 기기에 대응할 수 있도록 합니다. 데스크톱, 태블릿 및 휴대폰 등 클라이언트 마다 화면 크기가 다르기 때문에 유연한 크기 조정이 필요합니다. 예를 들어 콘텐츠를 정적인 400px로 설정하는 대신, 모바일에서는 콘텐츠를 100..

초보자로서 웹 개발을 배우고 싶지만 어디서부터 시작해야할지 막막합니다. 너무나 많은 초보자 튜토리얼이 있지만 가장 좋은 방법을 찾는 것은 어렵습니다. 우선 웹과 웹 개발이 뭔지 알아봅시다. 1 : 웹 개발이란 무엇입니까? 웹 개발은 크게 프런트 엔드와 백엔드로 나눌 수 있습니다. 프런트 엔드는 클라이언트, 즉 사용자를 위한 작업입니다. 백엔드는 서버, 즉 서비스와 데이터를 위한 작업입니다. 웹 사이트는 어떻게 작동합니까? 모든 웹 사이트는 서버라고하는 컴퓨터에 저장되어 있습니다. 이 서버는 인터넷에 연결되어 있어야 합니다. 그래야 웹사이트에 접근할 수 있습니다. 브라우저 (예 : Chrome, Firefox 또는 Safari)를 통해 컴퓨터 또는 휴대 전화에서 연결합니다. 이를 클라이언트 라고 합니다. ..

엑셀에서 알아두면 좋은 꿀팁을 모았습니다. Excel 2010 버전 기준입니다. 1. 한 번의 클릭으로 모두 선택 Ctrl + A 를 사용하여 모두를 선택하는 방법을 알고 있을 수 있지만 아래 스크린 샷에 표시된 것처럼 왼쪽상단 모서리 버튼을 한 번만 클릭하면 모든 데이터가 선택된다는 사실을 아는 사람은 거의 없습니다. 2. 대량으로 Excel 파일 열기 처리해야 할 파일이 여러 개 있을 때 파일을 하나씩 여는 대신 한 번의 클릭으로 모든 파일을 열 수있는 편리한 방법이 있습니다. 열려는 파일을 선택한 다음 키보드의 Enter 키를 누르면 모든 파일이 동시에 열립니다. 3. 다른 Excel 파일 간 이동 다른 스프레드 시트를 열면 때로는 잘못된 시트에서 작업하면 전체 프로젝트가 망가질 수 있기 때문에 다..