본문 바로가기

개발

(21)
[Web Fe] HTML 이해하기. 1. HTML 이해하기. 웹페이지를 만드는언어. 웹 페이지의 구조와 내용을 나타내는 'HTML' 쉽게말해, 우리가 HTML코드를 작성하게 되면 브라우저는 그것을 해석해서 화면을 나타내줍니다. 조금더 찾아본 내용. 웹 페이지의 구조 혹은 데이터 작성을 위한 마크업 언어 웹 서버에서는 HTML 문서를 저장하고 있다가 클라이언트가 특정 HTML 페이지를 요청하면 서버에서 해당 문서를 반환합니다. * 하이퍼텍스트 = 사용자가 흐름을 선택하여 정보를 찾는 형식 * 마크업 언어 = 문서의 논리적 구조를 명시함 태그(마크, 표시)를 이용 * HTML은 파일 확장자로 .html을 씁니다. ** HTML 문법 ** * 태그 * 속성 * 태그와 중첩 * 빈 태그 * 공백 * 주석 HTML 문법 - 태그 무언가를 표시하기 ..
[Django] Django 시작하기 Django는 파이썬기반 웹프레임워크 입니다. 먼저 웹사이트 구동 순서는 1. 사용자가 서버에 요청 2. 서버의 view는 model에게 요청 3. view는 받은 데이터를 적절하게 처리해서 template로 넘김 4 .template는 받은 정보를 사용자에게 보여줌 과 같습니다. 그래서 우린 무엇을 해야하느냐? , 다음과 같이 생각합시다. 1. App생성 ( 여기서 app이란 기능별로 나눈 단위를 말합니다.) 2. Template제작. 3. View제작 4. URL연결. 우리도 이러한 일련의과정을 장고에서 처리해주면 됩니다. 1. 먼저 APP생성입니다. 2. templates 제작 저는 firstapp이라고 이름지어 폴더를 만들었습니다. 그 후 templates폴더를 만들어 안에 html을 넣었습니다...
[Android] WebView 안드로이드에서 구현하기 안녕하세요. 이번 포스트에서는 하이브리드 앱을 만들기 위해서 필수적인 '웹뷰'를 구현해보겠습니다. 먼저, '하이브리드 앱' 이란, 겉으로 보기에는 앱이지만, 실제로는 웹을 기반으로 앱의 기능을 차용하는 형태의 앱을 의미합니다. 이곳에서 '웹뷰'는 앱 화면상에 웹페이지를 어플리케이션 안에서 보여주는 프레임입니다. 예시를 들자면, 다음이나 네이버 같은 경우 자체 앱을 띄우게 되면 네이버 웹과는 차이가 없습니다. 하지만 음악검색 음성인식 등과 같은 일부 기능은 앱에서만 지원이 됩니다. 이와 같은 형태가 하이브리드 앱입니다. 그렇다면 이러한 웹뷰를 안드로이드 에서는 어떻게 구현할 수 있을지 알아봅시다. 1. manifest.xml android:usesCleartextTraffic="true" 웹을 띄우는 것이..
[Back-End] 서버를 어떻게 만드는지 이해하기 이번 포스트에서는 백엔드를 공부하기전, 서버를 어떻게 만드는지 간단하게 이해해보는 시간을 갖겠습니다. 여러분들은 서버? 하면, 티비 영화등에서 위와 같이 컴퓨터들이 즐비하고 알수없는 선이 복잡하게 연결되있는 장면을 한번쯤 보신경험 있을겁니다. 물론 이러한 티비 영화속 서버가 틀린 것은 아니지만, 지금 우리가 사용하는 개인 노트북도 서버가 될 수 있습니다! 즉 서버는 다음과 같이 두가지로 나뉩니다. - 노트북(데스크톱 컴퓨터) - 서버 컴퓨터 1. 서버 컴퓨터 이해하기. 혹자는 아니? 우리 컴퓨터도 서버역할을 할 수 있다면, 왜 서버 컴퓨터가 별도로 존재하지? 의구심이 들 것 입니다. 이를 위해 가볍게 노트북(데스크톱 컴퓨터) 와 서버 컴퓨터를 알아보자면, 데스크톱 컴퓨터 (노트북) : 작은 하드웨어에도 ..
[Web FE] 1. Web & Web Service 이해하기 이번 포스트 에서는 Web Fron-End를 공부해보기전, Web, Web Service가 무엇인지 이해해보고자 합니다. 먼저 Web Service가 무엇인지 부터 간략하게 정의하자면, 1. Web service : 네트워크 상에서 서로 다른 종류의 컴퓨터들 간에 상호작용을 하기 위한 소프트웨어 시스템. 즉, 유저(user)가 원하는 정보를 얻기 위해 사용하는 시스템입니다. (예시: 네이버, 구글, 트위터, 인스타그램) 쉽지만 핵심을 짚어 얘기하자면, 유저는 필요한 정보를 요청(request)하고 이에 웹서비스가 응답(response)하는 것 입니다. 요청하고 응답할 때 두 객체간에 오가는 정보는 html 형식입니다. (여기서 html형식이란 추후에 작성할 예정이니 모르신다고 당황하실필요 없습니다!) 쉽..