잡다한 사전

웹 개발을 처음 시작할 때 유료 강의를 듣는 것도 좋은 방법입니다. 하지만 초보자의 입장에서 다양한 개발 분야(웹 개발, 게임 개발, 안드로이드 앱 개발 등) 중 어떤 것을 선택할지 고민할 때는 무료 강의를 먼저 들어보는 것이 중요하다고 생각해요. 이를 통해 자신의 적성에 맞는 개발 분야를 찾는 데 도움이 될 것입니다.많은 사람들이 코딩을 시작하는 이유는 다양합니다. 어떤 이들은 처음부터 웹 개발에 관심을 가졌고, 다른 이들은 게임을 하다가 개발에 흥미를 느끼게 되기도 합니다. 이처럼 각자의 배경과 관심사가 다르기 때문에, 처음에는 내가 어떤 개발 분야에 적합한지 파악하기 어려울 수 있습니다. 초반에 어떻게 공부를 진행하고 어떤 분야에 집중할지 선택하는 것은 매우 중요합니다. 이 과정에서 내 적성과 흥미..

프로젝트를 진행하면서 인스타 게시물을 내 사이트에서 확인할 수 있도록 연동작업을 시작했다. 하는 방법이 귀찮은 점이 많기도 했고, 설명이 애매하게 있어서 정리해서 올리기 위해서 작성을 하기로 마음먹었습니다. 1. Facebook 가입 & Meta Developer 들어가서 앱 만들기 Meta Developers site : https://developers.facebook.com/?no_redirect=1 Meta for Developers 간단한 WhatsApp 플로 만들기 WhatsApp 플로는 WhatsApp을 떠나지 않고 원활하게 타겟과 소통하고 정보를 수집할 수 있는 방법입니다. 개발자를 위한 필요한 조치 대시보드 도입 developers.facebook.com에서 developers.faceb..

프로젝트 명 : 케이놀이문화재단 (K-Play Culture Foundation) 프로젝트 설명 : "케이놀이문화재단"은 도자기 예술을 사랑하는 모든 이들에게 열려있는 온라인 도자기 공방 예약 플랫폼입니다. 이 사이트는 사용자들이 직접 예약할 수 있는 기능을 제공합니다. 사용자들은 "케이놀이문화재단"을 통해 도자기 클래스의 특징, 수업 내용, 가격, 일정 등을 확인하고, 자신에게 가장 적합한 클래스를 선택하여 예약할 수 있습니다. 또한, 클래스 리뷰와 평점 기능을 통해 다른 사용자들의 경험을 공유받을 수 있습니다. 이 사이트는 도자기 예술에 관심 있는 모든 이들이 쉽고 편리하게 클래스를 확인하고 정보를 찾고, 서로의 경험을 공유할 수 있는 공간을 제공하려는 목표를 가지고 있습니다. 팀원소개 : 이름 블로..

이번 장에서는 퀴즈를 정답을 맞혔을 때 정답이라고 나타나는 화면을 제작해 보겠습니다~ 정답을 입력했을 때, 다음장에서 정답을 알려주는 사이트를 만들 것입니다. (php를 이용해서 정답인지 확인한 후, 넘어가도록 기능을 구현해 줄 것입니다.) 첫 번째!! 전 장에서 퀴즈 화면을 제작해주었는데요. 퀴즈 화면에서 퀴즈 정답을 입력했을 때 정답을 확인한 후 정답 화면으로 넘어가도록 코드를 작성해 주도록 하겠습니다~ PHP코드 위 코드를 보시면 입력한 정답이 맞으면 sucess폴더에 있는 sucess2.html이 실행되도록 코드가 되어 있는 것을 알 수 있습니다. ( success2.html 사이트는 밑에서 제작하는 것을 보여드릴게요~) 퀴즈 화면에서 입력한 정답이 PHP 파일에 저장되어 있는 정답과 일치하다면 ..

이번 장에서는 퀴즈 화면을 제작해 보도록 할게요~ 저번장에서 홈 화면에서 "시작해보자~"라는 버튼을 클릭하면 퀴즈가 시작하게 되는데 이때 실행되는 퀴즈 화면을 제작해보겠습니다~ 첫 번째!! 퀴즈 화면 구성을 어떻게 하였는지 알아보도록 하겠습니다~ 퀴즈 화면은 위 사진 처럼 구성할 예정입니다. 화면을 구성하는 HTML 코드부터 보여드리겠습니다. Question 1 질문? 뭐죠..? HTML 코드는 전 장에서 알려드린 HOME 화면 코드랑 많이 다르지 않은 것을 알 수 있어요. 그 이유는, 기본 틀은 그대로 이용을 하면서 기능을 변경해주고 있기 때문입니다. (CSS파일은 다음장에서 코드를 보면서 더 자세히 설명드리도록 할게요~) 두 번째에서는 정답을 체크해주는 기능을 php로 기능을 구현해 보도록 하겠습니다..

이번 장에서는 Home 화면을 제작해 보겠습니다~ 로그인을 성공했다면 퀴즈를 시작할 것인지를 묻는 화면으로 제작을 해보겠습니다. 첫 번째!! 완성된 홈페이지 모습입니다~ 완성된 화면의 모습입니다~~ 위 사진을 보시면 로그인 창에 css를 사용하고 오른쪽 버튼을 추가해주어서 간단하게 변경해주었습니다. 어렵지 않으니 천천히 따라오시면 충분히 만드실 수 있을겁니다~~ 두 번째!! 위 사진에서 만든 사이트 디자인을 HTML 코드로 보여드리겠습니다~ 홈페이지 이름 부가설명 입력하는 곳 부가설명 입력하는 곳 2 시작해보자!! 생각해볼게~ 위 코드는 HTML코드로 사이트의 틀을 만들어주었다고 생각하면 조금 쉽게 이해할 수 있습니다. 이렇게 만든 곳에 CSS파일을 이용해서 디자인을 해주는 것입니다. CSS파일은 다음 ..

이번 장에서는 로그인 페이지를 구현하는 방법에 대해서 알아보도록 할게요~~ 그전에 이번에 제작하는 페이지는 자신의 애인에게 선물하는 페이지이기 때문에 회원가입, 데이터 베이스를 사용하지 않고 로그인 페이지 기능 구현하도록 하겠습니다! 1. PHP는 무엇일까? PHP는 서버 측에서 실행되는 프로그래밍 언어입니다. HTML 프로그래밍 언어를 프로그래밍적으로 생성을 해주며, 데이터 베이스와 상호작용을 하여 데이터를 저장하고, 표현 가능합니다. PHP는 웹을 위해서 만들어졌으며, 많은 기능들을 구현할 수 있게 도와주는 언어입니다. 2. 어떤 기능을 구현할 것인가? 본 사이트에서는 이름과 비밀번호를 치면 퀴즈가 시작되는 형식의 사이트를 제작할 것입니다. 아래 코드를 보면서 설명드리도록 하겠습니다~ 코드를 보시면 ..

이번 시간에는 로그인 사이트를 제작해보았습니다. 먼저 이번 1장에서는 다뤄볼 내용을 말씀드리겠습니다~ 1. 로그인 페이지 구상 2. 로그인 페이지 기능 구현 3. 로그인 페이지 디자인 변경 4. 로그인 오류 메세지 출력 첫번째로 이번 사이트에 로그인 페이지는 분홍색을 컨셉으로 만들어 볼 것입니다. (자신의 여자친구 및 남자친구에게 보여주는 사이트라서 핑크색으로 정했어요~) 먼저 전에 보여드린 로그인 사이트 디자인을 사용해서 색을 바꾸어 주겠습니다~ 위 사진은 전에 보여드린 로그인 사이트에서 색과 약간의 설정을 변경해준 사이트입니다. (모자이크된 부분은 개인적인 부분이라 모자이크 처리하였습니다.) 저 부분에 자신이 원하는 사이트 제목과 부제목을 적으시면 됩니다. ( 수정 코드가 필요하신 분들은 개인적으로 ..