romiwaves

/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가 잘 적용된 것을 확인할 수 있습니..

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

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

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

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로 넘어와도 ..

date/ 24.08.14. 오늘은 깃허브 사용법 위주!계정 생성하고 레포지토리 생성해 보기 근데 저번 숙제 마크다운으로 리드미 쓰기 아니었나  깃허브에 내 로컬 프로젝트 업로드 하기fetch: 서버에 있는 코드를 갖고 올 때 쓰는 것push: 로컬 컴퓨터 안에 있는 코드를 깃헙에 업로드할 때 사용하는 명령어git push (원격저장소별칭) (원격저장소레포지토리명)예) git push origin master만약 git log 명령어를 사용했을 때 head -> master로 표기된다면? 위의 예시에 레포지토리명으로 master를 그대로 쓰면 됩니다.경우에 따라 main으로 되어 있을 때도 있습니다. (자세한 이유는 나중에)  CLI clone깃허브 연동을 다른 방법으로 할 수 있을까? 이제까지는 나의 ..

date/ 24.08.13. 깃 기본 이론1. 깃은 분산식 버전 관리 시스템 깃은 로컬 시스템입니다그냥 설치해서 사용하는 일종의 프로그램이라고 생각하며 됩니다.그림을 그리기 위해 포토샵, 일러스트레이터를 이용하는 것과 같습니다.어디에 설치할까요? ➡️ 로컬 시스템, 즉 나의 컴퓨터에!(깃허브는 원격으로 중앙에서 우리 프로젝트를 백업, 버전 관리, 협업이 가능하게 하는 시스템입니다)깃을 통해서 각자의 컴퓨터를 깃허브로 모이게 하는 것이라고 생각하면 됩니다. 프로젝트 버전 관리는 어떻게 이루어지나요?굳이 내 컴퓨터에 다양한 버전의 프로젝트를 남겨둘 필요가 없습니다. '나 지금 버전 1.1 만들 거니까 버전 1.0은 네가 갖고 있어~' 하고 깃허브에 올려 두면 되겠죠?그렇다면 진짜 깃과 깃허브가 동작하는 방식..

date 24.08.12.  프로젝트 관리의 중요성프로젝트? 하나의 프로그램을 만들기 위한 일련의 프로세스소스 구현 뿐 아니라 기획, 설계, 테스트, 배포 등을 전부 포함예시: 계산기 만들기, 노션 만들기 등리드미 Readme완성된 프로그램의 설명서 - 프로그램 사용 방법, 레퍼런스 등을 설명구현중인 프로젝트의 현황 - 구현된 주요 기능, 구현 현황, 코드가 해결해야 하는 문제 등리드미는 프로젝트의 성공과 직결된다. 리드미 작성법(개념)리드미는 특별한 파일이 아닙니다. 그냥 확장자만 .m(ark)d(own)일 뿐그럼 마크다운은 무엇인가요?txt → 단조롭게 글만 적을 수 있음md → 글자 크기 굵기 등 설정 가능: 가독성 상승일반 사용자들도 웹에서 쉽고 예쁘게 글을 쓸 수 있게 제공하고 있는 하나의 기술..