목록프론트엔드 (3)
판봉 개발 일기
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/9zp5L/btraSYSMeCJ/Bb4V6dUpsVYiafDsbj9lFk/img.png)
오늘은 드디어 깃을 사용하는 방법과 javascript에 대하여 공부했습니다. 먼저 말해두어야 할게 소트프웨어의 구성요소를 artifacts = 인공물,산출물 이라고 말합니다. 이 산출물들에 대해서 여러사람이 공동으로 작업을 하게 되고 산출물들은 계속 변화하여 서로 다른 상태와 버전을 가집니다. 즉 관리가 필요하단 이야기죠 소스코드 버전(파일)저장소를 Repository(저장소)라고 합니다. 그리고 버전이란 단순히 숫자가 아니라 하나의 형상관리 대상을 뜻합니다. 형상관리는 버전관리의 상위버전이죠. GIT *먼저 인터넷에 "git scm"이라고 검색을 한 뒤 다운로드를 합니다. git에는 로컬 저장소와 원격저장소가 있습니다. 로컬저장소는 쉽게 말해서 개발자의 PC를 말하고 원격저장소는 회사의 프로젝트를 하..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/MpfjT/btq91N6kw6T/krbYKPPgwg3YzZ2kcAAX9k/img.png)
오늘은 글자 태그, 테이블 태그, 공간 분할 태그를 배웠습니다. 글자태그들은 주로 이렇게 이루어져 있습니다. 글자 태그 , : 굵은 글자 태그 , : 기울어진 글자 태그 작은 글자 태그 : 아래에 달라 붙는 글자 태그 : 위에 달라 붙는 글자 태그 : 밑줄 글자 태그 가운데 줄이 그어진 글자태그 보시면 재료의 글씨가 진한걸 볼 수 있습니다. 수량의 글씨는 옆으로 기울어져 있습니다. 해당 태그는 각각 과 을 쓴 것인데 두 태그는 다른 태그들과 다르게 시맨틱 태그입니다. 한마디로 의미를 가지고 있는 것이죠. 테이블 태그 이번엔 테이블 태그에 대해 알아보겠습니다. : 표 내부의 행 태그, table row : 행 내부의 제목 셀 태그, table header : 행 내부의 일반 셀 태그, table data ..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/bK9wbI/btq9RdcnTes/g0miFUfNDdBWYGpEvmIMv1/img.png)
오늘 수업은 링크를 표시하는 태그와 이미지를 나타낼 수 있는 태그에 대하여 배웠습니다. 태그는 anchor : 닻 이라고 생각하면 이해하기가 편합니다. 한마디로 링크로 이동하는 것이죠. 태그로 링크를 걸려면 이런 식으로 하면 됩니다. href는 "hyper link reference"라고 이해하시면 됩니다. 그리고 뒤에 나와있는 target="_blank"는 새창에서 저 링크가 열리는 것을 뜻합니다. 실제로 저장을 하고 라이브 서버를 보면 ※잠깐동안 창의 위쪽이 _blank 였다가 저 주소로 바뀌는걸 볼 수있습니다. 그리고 이미지를 살펴보겠습니다 HTML에선 이미지를 넣을 수 있는 방법이 크게 3가지가 있습니다 내부 URL 외부 URL 데이터 URL 내부 URL은 해당 컴퓨터에 직접 이미지 파일을 가지고..