본문 바로가기

코딩56

위젯 기초: Flutter의 위젯 시스템 이해하기 Flutter에서 위젯은 애플리케이션의 모든 것을 구성하는 기본 단위입니다. 화면에 표시되는 모든 요소는 위젯으로 구성되며, 이러한 위젯을 조합하여 복잡한 UI를 만들 수 있습니다. 이 강의에서는 Flutter의 위젯 시스템에 대해 이해하고, 기본 위젯들을 사용하여 간단한 UI를 구성하는 방법을 학습합니다.위젯의 종류Flutter 위젯은 크게 두 가지로 나눌 수 있습니다:StatelessWidget: 상태가 없는 위젯으로, 생성 후 변경되지 않습니다.StatefulWidget: 상태를 가질 수 있는 위젯으로, 상태가 변경될 때마다 다시 그려집니다.StatelessWidgetStatelessWidget은 변하지 않는 UI 요소를 정의할 때 사용합니다. 다음은 간단한 StatelessWidget의 예입니다:.. 코딩/Flutter 2024. 5. 24.
고급 CSS 스타일링: 애니메이션과 트랜지션 심화 이 강의에서는 웹 페이지에 생동감을 불어넣는 CSS 애니메이션과 트랜지션의 고급 기술을 배워보겠습니다. 사용자 인터페이스를 더욱 매력적이고 직관적으로 만들 수 있는 다양한 방법을 탐구합니다.CSS 트랜지션트랜지션을 사용하여 HTML 요소의 속성 변화를 시간에 따라 부드럽게 표현할 수 있습니다. 트랜지션은 사용자의 상호작용에 따른 시각적 피드백을 제공하는 데 매우 유용합니다.트랜지션 예제: 버튼 호버 효과.button { background-color: #4CAF50; color: white; padding: 15px 32px; text-align: center; display: inline-block; font-size: 16px; transition: backgro.. 코딩/HTML CSS JS 2024. 5. 23.
웹 프로젝트 완성: 프론트엔드 웹사이트 제작 이 강의에서는 웹사이트 프론트엔드 개발에 초점을 맞춰 HTML, CSS, JavaScript를 사용하여 실제 웹사이트를 제작하는 방법을 설명하겠습니다.1. 프로젝트 기획목표 설정목표: 사용자 친화적인 웹사이트 제작주요 기능: 제품 목록 표시, 사용자 인터랙션, 동적 콘텐츠 관리2. 디자인와이어프레임페이지 구조를 설계하기 위해 간단한 와이어프레임을 생성합니다. 각 페이지의 주요 섹션을 포함합니다.스타일 가이드색상: #005f73, #0a9396, #94d2bd폰트: 'Roboto', sans-serif3. 프론트엔드 개발HTML: 페이지 구조메인 페이지 HTML 예제 Our Product Range Home .. 코딩/HTML CSS JS 2024. 5. 21.
웹 보안 기초: XSS, CSRF 등 보안 이슈 이해 웹 보안은 웹 애플리케이션을 개발할 때 필수적으로 고려해야 하는 요소입니다. 특히, 교차 사이트 스크립팅(XSS)과 교차 사이트 요청 위조(CSRF)와 같은 공격은 웹사이트의 보안을 위협하며, 사용자의 데이터를 위험에 빠뜨릴 수 있습니다.XSS (Cross-Site Scripting)정의 및 위험성XSS 공격은 공격자가 웹 페이지에 악의적인 스크립트를 삽입하여, 다른 사용자의 브라우저에서 실행되게 하는 보안 취약점입니다. 이 스크립트는 사용자의 세션 쿠키를 탈취하거나, 피싱 공격을 실행하거나, 악의적인 행동을 대신 수행하게 할 수 있습니다.예방 방법입력 필터링: 사용자 입력을 적절히 필터링하고, 태그 같은 것은 실행되지 않도록 처리합니다.출력 인코딩: 데이터를 HTML로 출력하기 전에 적절히 인코딩하여,.. 코딩/HTML CSS JS 2024. 5. 19.
첫 번째 Flutter 앱: "Hello World" 앱 만들기 이 강의에서는 Flutter의 기본 개념을 이해하고, 첫 번째 Flutter 애플리케이션인 "Hello World" 앱을 만드는 과정을 단계별로 안내합니다.사전 준비이 강의를 시작하기 전에, 다음이 준비되어 있어야 합니다:Flutter SDK가 설치된 상태Android Studio 또는 Visual Studio Code가 설치된 상태Flutter 프로젝트 생성하기Flutter 프로젝트를 생성하는 과정은 매우 간단합니다.Android Studio에서 Flutter 프로젝트 생성Android Studio를 실행합니다.Start a new Flutter project를 클릭합니다.Flutter Application을 선택하고 Next를 클릭합니다.프로젝트 이름을 입력하고 프로젝트 경로를 설정합니다.Finish.. 코딩/Flutter 2024. 5. 17.

티스토리툴바