전체 글 28

웹 서비스의 이해 (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 란에서 다양한 활용 사례를 확인할 수 있습니다.전반적으로 심플합니다. 이 점이 장점이 될 수도 단점이 될 수도 있습니다.한국어 지원이 되지 않습니다..

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

date/ 24.08.16. 브랜치 이름 규칙과 테스트 메인 브랜치그대로 둔 상태로 복사를 해갑니다. 언제 복사를 할까요?(보통 develop branch 라는 하위 브랜치를 따서) 기능 개발을 할 때: feature/login, feature/select-product 등 기능의 이름을 붙여서 이름을 작성합니다.출시 준비: release-1.3, release-1.4 등긴급 수정: hotfix-1.2.1 등으로 버그 수정 등 관리  이렇게 브랜치를 생성해보았습니다.만약 생성한 브랜치를 삭제하고 싶다면 git branch -d (브랜치명) 명령어를 터미널에 입력하면 됩니다.하지만 이렇게 브랜치를 생성하고, feature/login에서 내용을 수정한 후 feature/select-product로 넘어와도 ..