PHP 마법 학교 4기 5강: 마법 사진첩! ‘이미지와 배경을 다루는 멋진 방법’
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에는 웹사이트에 생동감을 불어넣는 ‘변신 애니메이션 마법’을 배웠죠? 오늘은 우리 마법 학교를 더 아름답게 꾸며줄 ‘이미지와 배경 마법’을 배워보겠습니다. 밋밋한 흰색 배경 대신 멋진 마법 성의 배경을 넣고, 사진을 동그랗게 자르는 기술을 익혀볼까요? [IMAGE_1]…
카테고리 PHP
PHP 마법 학교 4기 4강: 스르륵 변신 마법! ‘CSS 트랜지션과 애니메이션 기초’
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에는 우리 웹사이트를 둥글고 입체적으로 만드는 디자인 마법을 배웠죠? 오늘은 가만히 멈춰있는 웹사이트에 생명력을 불어넣는 ‘변신 애니메이션 마법(Transition)’을 배워보겠습니다. 마우스를 올렸을 때 부드럽게 색이 변하거나 커지는 효과 하나만으로도 웹사이트가 훨씬 살아있는 것처럼 느껴질 거예요!…
PHP 마법 학교 4기 2강: 내 맘대로 배치하기! ‘공간 이동 마법 Flexbox’
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에는 CSS 마법으로 웹사이트에 알록달록한 옷을 입히는 법을 배웠죠? 오늘은 웹사이트의 요소들을 원하는 곳으로 자유롭게 이동시키고 정렬하는 아주 강력한 기술, ‘공간 이동 마법 Flexbox’를 배워보겠습니다. 이 마법만 알면 게시판 목록이나 메뉴를 자로 잰 듯…
PHP 마법 학교 3기 9강: 누가 가장 인기가 많을까? ‘조회수와 추천(좋아요) 마법’
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에는 댓글을 달아 서로 소통하는 법을 배웠죠? 오늘은 우리 게시판의 글 중에서 어떤 글이 가장 인기가 많은지 숫자로 보여주는 ‘조회수’와 ‘추천(좋아요)’ 기능을 만들어보겠습니다. 숫자가 올라갈 때마다 마법사들의 성취감도 쑥쑥 자라날 거예요! [IMAGE_1] 1. 클릭할…
PHP 마법 학교 3기 8강: 마법의 꼬리말, ‘댓글 시스템과 관계형 데이터 마법’
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간까지 우리는 글을 쓰고, 고치고, 지우는 게시판의 핵심 기능을 모두 마스터했습니다. 오늘은 게시판에 활력을 불어넣는 마법, 바로 ‘댓글 시스템’을 만들어보겠습니다. 하나의 글에 여러 개의 의견이 주렁주렁 열리는 신기한 데이터 연결 마법을 배워볼까요? 1. 글과…
PHP 마법 학교 3기 6강: 마법의 깃펜을 들자! ‘글쓰기와 데이터베이스 저장 마법’
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에는 보물 창고(DB)에 있는 글들을 꺼내어 목록으로 보여주는 법을 배웠죠? 오늘은 드디어 내 생각을 직접 적어 창고에 영구히 보관하는 ‘글쓰기 마법’을 배워보겠습니다. 이제 우리 학교 마법사들이 자신만의 마법 비법을 공유할 수 있게 될 거예요!…
PHP 마법 학교 3기 5강: 우리끼리 속닥속닥! ‘비밀 게시판과 데이터 목록 마법’
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 드디어 성문을 열고 들어오는 ‘로그인’ 마법까지 성공했네요! 오늘은 우리 학교 마법사들끼리 정보를 나누는 소중한 공간, ‘비밀 게시판’을 만들어보겠습니다. 보물 창고(DB)에 저장된 수많은 글을 한꺼번에 불러와 화면에 멋지게 뿌려주는 방법을 배워볼까요? 1. 보물 창고 열기: SELECT…
PHP 마법 학교 3기 4강: 성문을 열어라! ‘로그인과 세션(Session) 마법’
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에는 우리 학교의 보물 창고(DB)에 마법사들의 정보를 저장하는 법을 배웠죠? 오늘은 저장된 정보를 확인하고, 학교 성문을 활짝 열어주는 ‘로그인’과 내가 누구인지 계속 기억하게 해주는 ‘세션(Session)’ 마법을 배워보겠습니다! 1. 로그인은 어떻게 이루어지나요? ‘암호 대조 마법’…
PHP 마법 학교 3기 3강: 보물 창고에 기록하기! ‘MySQL 데이터베이스 저장 마법’
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에는 입학 신청서(HTML 폼)를 봉투에 담아 서버로 보내는 법을 배웠죠? 오늘은 서버에 도착한 친구들의 정보를 우리의 보물 창고인 ‘MySQL 데이터베이스’에 안전하게 기록하는 마법을 배워보겠습니다. 이제 드디어 우리 학교의 첫 번째 정식 마법사가 탄생하는 순간이에요!…
PHP 마법 학교 3기 2강: 입학 신청서를 작성해요! ‘회원가입 HTML 폼과 데이터 전송’
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 지난 시간에는 우리 비밀 기지를 지켜줄 암호화 마법을 살짝 맛보았죠? 오늘은 실제로 새로운 마법사 친구들이 정보를 적어낼 수 있는 ‘입학 신청서(회원가입 양식)’를 만들어보겠습니다. 자바스크립트의 옷을 입히고 PHP의 심장을 연결하는 중요한 시간이에요! 1. 마법의 입력창: HTML…
PHP 마법 학교 3기 1강: 더 강력한 비밀 기지! ‘회원가입과 보안 마법’의 시작
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 1기(서버 기초)와 2기(자바스크립트 연금술)를 모두 마스터한 우리 꼬마 마법사들, 정말 대단해요! 이제 3기 수업이 시작됩니다. 이번 학기에는 아무나 들어올 수 없는 우리만의 비밀 기지를 만드는 ‘회원 관리 시스템’을 본격적으로 배워볼 거예요! 1. 왜 회원가입 마법이…
PHP 마법 학교 2기 10강: [완결] 나만의 마법 도서관, ‘함수로 만드는 종합 주문서’
안녕하세요! 가족과 함께하는 스마트 라이프입니다. 드디어 자바스크립트 연금술 시리즈인 ‘PHP 마법 학교 2기’의 마지막 시간이 되었습니다! 그동안 우리는 색을 바꾸고, 계산을 하고, 조건에 따라 판단하며 데이터를 가방에 담는 법을 배웠죠. 오늘은 이 모든 조각 마법들을 하나로 묶어 언제든 꺼내 쓸…