Hello,

kok nae-ga ha-myun an-dweneun MAGIC...🧚

웹 페이지 3

웹 프로그래밍/PHP
웹 사이트 제작 구조 ( 코딩 방식 )

학교에서 공부할때는 사실 언어를 어떻게 사용하는지에 대해 배우고 실무에서 코드를 어떤식으로 사용하는지? 웹 사이트 제작에 있어서의 구조는 몰랐다.물론 다양한 방법이 있겠지만 ( 각자의 코딩 방식이 있으니 ) 내가 회사에서 배우고 있는 구조 (?)를 간단히 메모하려한다.우선 아직 php를 시작한지 1주 ~ 2주 사이라 깊게는 모른다! 큰 틀만 정리 할 것이다. 보통의 웹 사이트를 보면 상단과 하단에 공통되는 부분이 있다.상단에는 메뉴바나 검색등이 주로 있을 것이고 하단에는 사이트의 정보, 전화번호등이 있을 것이다.사소한 것이지만 이런 부분들은 header와 footer라는 파일을 만들고 include해준다. 그다음 보통 웹 페이지를 보면 여러개의 탭 ( 메뉴, 카테고리 )을 두고 있는데 여기서 해당 카테고..

2018.11.13 ﹒ 22:31
웹 프로그래밍
ajax ( Asynchronos Javascript And Xml )를 사용해보자!

ajax는 언제 사용될까? 🤔http프로토콜의 특성 중 하나로 원하는 웹 페이지를 요청하면 서버에서 응답을 해준 뒤 연결을 끊어버린다 ! 이러한 특징 때문에 계속해서 데이터가 변경 되어 웹 페이지에 보여주어야 할 경우에 ( 채팅처럼 ) 우리는 데이터를 변경하기 위해 웹 페이지를 새로고침 해야할 것이다. 😕이런 문제점을 해결해주는 친구가 ajax다...나는 우측 상단에 있는 변경 메뉴를 클릭시 해당 태그의 내용을 바꿔주는 작업을 할 때 ajax를 사용했다.( 변경 메뉴 클릭 후 변경할 문자 입력 > 서버에 전송하여 데이터 베이스에 저장 > 서버에서 웹 페이지로 완료 신호 받고 변경 내용 적용 )가게명 변경을 기준으로 설명하겠다. 우선 첨부한 부분은 메뉴 부분이고, 내용이 바뀔 태그에는 class="sett..

2018.09.29 ﹒ 11:19
웹 프로그래밍/공부일지
웹 페이지의 랜더링 과정 1편

참고 블로그 : http://12bme.tistory.com/140 참고 블로그에 워낙 잘 설명되어 있어서 따라 포스팅을 쓰지 말까 하다가 그래도 내가 정리한 글이 더 기억에 남기에 글로 써본다. 🙏 우선 렌더링이란, 사전에서는 아직은 실제로 제품화되어 있지 않은, 계획 단계에 있는 제품을 전문가가 아니어도 그것의 외관을 이해할 수 있도록 실물 그대로 그린 완성 예상도 라고 설명하고, 블로그에서는 "논리적인 문서의 표현식을 그래픽 표현식으로 변형 시키는 과정" 이라고 되어있다. 뭔가 딱딱한 문장에 처음엔 음..? 하다가 그냥 내가 생각해서 쉽게 풀어서 설명하자면html, css등 글로 ( 코드로 ) 적어 논 것이 웹 사이트에 나타나게 되는 과정이다. 렌더링은 총 5단계 로 이루어 진다.( + html을 ..

2018.09.23 ﹒ 19:18