전체 글 64

웹 서비스의 이해 (3) - 쇼핑몰 페이지 제작 실습 시작과 백엔드 기초

/date 24.08.22.  아래 예시와 유사하게 테니스 라켓을 판매하는 쇼핑몰 페이지를 제작해 보려고 합니다. 메인 화면에선 테니스 라켓의 사진을 보고 order 버튼을 통해 물건을 담을 수 있고, order list 화면에서는 어떤 물건을 담았는지 확인할 수 있습니다.  먼저 메인 페이지를 작성해 보겠습니다. CSS는 외부 스타일 시트로 빼서 따로 만들 생각이라 일단 HTML 코드만 작성해 주었습니다.  Tennis Market Welcome to Tennis Market! Enjoy your shopping. order list ..

웹 서비스의 이해 (2) - CSS와 자바스크립트

/date 24.08.21. [예제로 배우는] CSS의 이해inlineCSS 속성 찾는 법(검색)CSS란 무엇일까요?Cascading Style Sheets의 약자로, HTML을 꾸며 주는 언어입니다. 문서를 통째로 한 번에 꾸며준다고 생각하기 쉬운데, 그것이 아니라 HTML 태그 하나하나를 꾸며줍니다. HTML에 CSS를 적용하는 방법은 3가지가 있습니다.인라인Inline: HTML 태그 안에 같이 작성내부 스타일 시트internal style sheet: HTML 문서 안에 같이 작성외부 스타일 시트external style sheet: HTML 문서 밖에 작성하고 연결인라인 CSS를 적용해 보면 아래와 같이 코드가 작성됩니다. 해당 HTML 파일을 실행하면 CSS가 잘 적용된 것을 확인할 수 있습니..

로그인 화면 구성을 위한 HTML 문법

/date 24.08.20. HTML = HyperText Markup Language 태그를 통해 HTML을 구현ex) 태그의 적용 대상 여는 태그와 닫는 태그가 한 쌍일 수도 있고, 닫는 태그 없이 여는 태그가 단독으로 쓰일 수도 있다.  LOGIN Login ID PW " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스 위의 로그인 화면 구성에서 사용한 HTML 문법을 정리해 보자 LOGIN Login ID PW ..

웹 서비스의 이해 (1) - 웹 이해와 프론트엔드 입문

/date 24.08.20. 웹의 이해 -웹의 이해 인터넷이란 무엇일까요?인터넷(internet)은 전 세계의 모든 컴퓨터를 하나의 통신망 안에서 연결한다는 의미를 가진 international network의 약자입니다. 인터넷이 있기에 우리는 빠른 연결로 원하는 정보나 콘텐츠를 접할 수 있는 것입니다. 한 가지 유의해야 할 점은 웹 != 인터넷이라는 것입니다. 그렇다면 웹이란 무엇일까요?월드 와이드 웹(World Wide Web)은, 인터넷에 연결된 컴퓨터를 통해 사람들이 정보를 공유할 수 있는 공간을 의미합니다. 간단하게 WWW, W3, 또는 웹이라고 부르기도 합니다. 웹은 1980년, 스위스 입자 물리 연구소의 컴퓨터과학자 팀 버너스-리에 의해 탄생하였습니다. 연구원들 간의 신속한 정보 교환을 위..

포트폴리오 / 협업 환경 구성 (5)

/date 24.08.19. 협업 툴의 종류 Trellohttps://trello.com/ Manage Your Team’s Projects From Anywhere | TrelloTask management Use Trello to track, manage, complete, and bring tasks together like the pieces of a puzzle, and make your team’s projects a cohesive success every time.trello.com 기본에 충실한 프로그램이라 군더더기가 없습니다.template 란에서 다양한 활용 사례를 확인할 수 있습니다.전반적으로 심플합니다. 이 점이 장점이 될 수도 단점이 될 수도 있습니다.한국어 지원이 되지 않습니다..