개요 실습을 통해 css/html 만들어 보겠습니다. 실습 코트를 보며 이것이 표현하는것이 무엇인지 알아보겠습니다 xxx레스토랑 올해의 주방장 앵무 안녕하세요 xxx레스토랑 주방장입니다 올해의 주방장에 선정이 되어 기쁩니다 저희 레스토랑을 이용해주셔서 감사합니다. 이름 휴대폰번호 인증번호 처음에는 section을 사용하여 그룹화시켜주고 그룹화시킨 section안에 이미지를 가져와보여줍니다 다음으로 넘어가 화면에 동그란 이미지를 지정하기 전 이미지를 가져오고 내용을 적어주기 위해 div를 사용하여 다시 한번 그룹화시켜 그 안에 글자들을 입력하여줍니다 여기서 "올해의 주방장 앵무"부분에 스타일을 넣어 폰트의 크기와 길이를 지정하여주고 다른 div를 사용하여 본문을 입력하여줍니다. 마지막으로으로 예약을 하는 ..

html과 css 웹페이지를 구성하는 툴을 html이라고 합니다 그리고 CSS를 속성을 지정하여 색깔이나 글자의 크기 등을 꾸며줄 수 있습니다 환경설정 먼저 사용하기 전에 비주얼 스튜디오 코드를 설치해보겠습니다 처음에는 및 의 링크를 통해 자신의 os에 맞춰 다운로드를 해줍니다. https://code.visualstudio.com/Download 그러면 위의 사진처럼 이러한 화면이 나올 것입니다 그러면 open folder를 클릭하여 자신이 저장할 디렉터리를 선택하여 줍니다. 그러면 위의 사진처럼 자신이 지정한 디렉터리가 나오는 것을 볼 수 있으며 그 폴더를 클릭 후 이렇게 파일에+표시가 있는 것을 눌러주면 파일 생성이 되며 index.html로 만들어주시면 html 파일이 생성이 됩니다. 그 후 기초..

개요 이번에는 웹페이지에 php와 javascript를 사용한 코드를 넣어볼 것입니다. 실습 이번에는 PHP를 사용하여 hello world를 출력해볼 것입니다. 처음에는 평범한 html에 라는 php를 시작해주는고 끝나는 것을 표현해줍니다. 그러면 화면은 이런 식으로 나오는데 html과 크게 다를 게 없습니다. 하지만 F12를 눌러보면 위의 사진을 보면 무엇인가 다른 것을 알 수 있다. 이는 php라고 지정을 했을 시 php 파일을 php엔진으로 전달한 후 정보가 돌아오면서 화면에 출력되는데 이 출력된 값만 화면에 보여주기 때문에 php안에 있는 코드는 확인할 수가 없다. 여기서 조금 다른 코드를 보자 html은 무언가를 더한다는 것을 할 수 없습니다. 하지만 php 같은 경우에는 연산이 가능합니다. ..

개요 이번에는 bitnami 사용 통해 Apache php mysql을 설치하였는데 그대로 사용 시 불편합이 있어 편하게 사용하기 위하여 설정을 지정하는 것을 해볼 것입니다 환경설정 이번에는 PHP를 설정을 할 것입니다 처음은 bitnami파일에서 wampstack-7.3.16-0 로가서 php 파일로 이동합니다. 그다음에 PHP.ini파일을 찾습니다(유형은 구성설 정이라 되어있습니다) 그다음에 파일을 메모장 같은 텍스트 파일을 편집할 수 있는 도구 사용하여 여시면 됩니다. 다음으로 위에 있는 사진처럼 control+F 를눌러 검색창을 띄워주고 display_errors입력 후 off가 되어있는 display_errors를 on으로 켜줍니다. 여기서 on으로 키는 이유는 원래는 오류의 정보가 밖으로 나오..

개요 이번에는 php와 javascript에 대해서 공부할것입니다. 복습및 수업예고 저번 시간까지는 html과css를 사용하였는데 이 언어들은 문서를 작성하는데 적합한 언어입니다. 그래서 이번에 배울 php와 javascript는 일반적으로 떠올릴수있는 전형적인 프로그래밍입니다. 그래서 이걸 잘익혀두면 java나 C나 pytion같은 언어들도 쉽게 배울수있습니다. php문서 읽어오기 이번에 예습할 내용은 웹브라우저에서 php파일을 웹서버에서 읽어오는 경로를 알아보는것 입니다 처음에 a.com/a.php 에찾아가려할떄 웹브라우저가 웹서버에 요청을 합니다. 그러면웹서버는 html을 받으면 자신이 알고있는 html이 아니라 .php이기에 읽을수없다는것을 알고 담당자를불러주는데 그것을 보내는곳을 php 엔진라고..

개요 저번에 배운 css를 사용하여 실습하여본다 실습 1 첫 번째로 할 것은 float를 사용하여 화면을 분할하여 표현하는 것을 실습해볼 것입니다. Javascript 자바스크립트란? 변수와 상수 연산자 변수와 상수 변수란 변하는 값 x=10일 때 왼쪽항인 x는 오른쪽 항인 10에 따라 다른 값이 지정된다. 상수란 변하지 않는 값 x=10일 때 오른쪽 항인 10이 상수가 된다 위의 코딩을 보면 nav ol {}을 사용하는데 이것은 nav안에 ol태그를 디자인하겠다는 선언입니다 그리고 그 안에 list-style을 사용하여 숫자를 어떻게 바꿀지 지정하고 none을 사용하여 숫자를 지운다 그 후article를 사용하여 디자인을 정해주며 float를 left를 사용하여 화면 왼쪽에 배치한다 그리고 왼쪽으로 선..