전체 글314 [HTML] html입문 03 (170313) [HTML] html입문 03 (170313) input박스와 label이메일 for와 id는 같아야 이용하기 편리하다. form으로 둘러싸는 이유이메일비밀번호로그인 form으로 둘러싸야 정보의 전송이 가능하다! radio버튼 - radio버튼 이용시 체크사항1. label 을 제공하는 두가지 방법 확인2. input type="radio" 의 모양 확인3. input type="radio" 를 그룹으로 묶는 방법 확인 - 그룹으로 묶어서 field를 설명할 때 : fieldset을 이용 cf ) name속성은 server에서 식별하기 위한 attribute이다. cf ) form method="get" 했을 때의 주소창 " file:///C:/ncs03/sublime_work/html/insertAct.. 2017. 3. 13. [HTML] a링크 이용과 table 개념 알아보기 a 링크 이용하기 -링크를 통해 이동하면 외부 컨텐츠가 나올 수 있는 이유? 웹서버를 통해 컨텐츠를 response하기 때문에 외부 컨텐츠를 받아올 수 있다. - 링크로 이동시키기 daum2 target="_blank" 속성값 : 새로운 창을 열어서 이동 cf) div.spacer + tab => 자동으로 만들어줌 - a를 이용한 책갈피 만들기 해당 요소에 id 부여 후 a 링크를 걸어준다. - a 요소를 이용한 javascript 실행 1. 스크립트실행하기! 2. 안눌리는 a링크 : 새로고침도 되지 않게 할 a링크를 이용하려 할 경우 이렇게 사용함. EX) 이 때 < 사용 안하는 문자 링크만 걸되 안눌리게 요소명+클래스명 요소명+클래스명 특정 요소의 자식클래스 스타일적용된다. .. 2017. 3. 10. [HTML] html입문 02 (170310) - 프론트엔드의 구성HTML : infoCSS : designjavascript : language - CSS 속성 display 살펴보기display요소를 배치할 때 어떻게 보여줄지를 결정한다. EX) display: inline; // 한 줄(inline)에 다 표현해준다.display: inline-block; // width와 height를 모두 갖으며 inline으로 배치된다. **출력 결과**-inline은 width와 height를 반영하지 않았다. 반면 inline-block은 블록형태로 inline을 반영했다. -image 표시하기img src="이미지 경로" alt="이미지 설명 "img에 css로 크기 조정하기 : style시트 내부에서 img { width:200px; height:.. 2017. 3. 10. [HTML] html 입문 01 (170309) sublime 단축키 이용 tip- ! + tab : 기본적인 html 구성 틀 나타내줌- div + tab : div를 markup 언어로 바꾸어 줌- lorem + tab : 더미컨텐츠 채울 수 있다- style + tab : style시트 생성해준다.- div.spacer + tab : 자동으로 만들어줌- ctr+/ : 자동주석처리 +생각나는대로 추가중!html의 기초 용어 정리-markup : 컨텐츠를 묶어주는 괄호의 역할 abcd 1234 가나다라 html의 구성 -head : 문서의 설정 정보, 문서의 제목 작성-body : 클라이언트에게 출력할 정보를 작성(=html 요소는 두 개의 자식 요소(element)인 head와 body를 갖고 있다) -속성(attribute) 값의 속성을 나타내주.. 2017. 3. 9. [Naver D2] 백엔드 개발자의 진로 이 글은 백엔드 개발자의 진로를 읽고 개인적으로 참고하기 위해 정리한 글 입니다. 백엔드 개발자의 진로 일의 범위 웹 어플리케이션 개발 데이터 분석을 위한 엔지니어링 분산파일 시스템이나 DBMS와 같은 제품 생성 일의 기회 폭넓은 기술을 접할 수 있는 역할 System Engineer, Front End 등의 인접한 분야의 개발자와 소통할 기회 한 분야에 대한 전문성을 키울 수 있는 기회 (EX: 서비스 통계 모듈 개발 ---> 대용량 데이터 다루는 엔지니어) 보람과 고충 보람 시스템을 안정적이고 효율적으로 운영할 때 보람 내면적인 부분까지 완성도 추구하는 사람이 적합 고충 24시간 실행되는 서버 프로그램 향후 전망 다양한 도구와 프레임워크 개발 상황에 대하여 과제 늘어가는 속도 > 생산성 증가 속도 기.. 2017. 1. 22. 깃허브(github) 알아가기 - 1. 기초 용어 1. Git이란? 프로젝트의 어떤 부분도 겹쳐쓰지 않도록 프로젝트의 변경을 관리하는 버전 관리 소프트웨어이다. 1-1. git을 사용하는 이유협업을 할 때 같은 페이지에 각자의 수정사항을 업로드할 수 있고 이를 병합할 수 있다.이전에 만들어진 모든 변경 사항의 스냅샷을 저장한다. 이는 이전 시점의 버전으로 되돌릴 수 있다.다른 깃허브 사용자의 프로젝트를 둘러보고 배우기 위해 자신만의 복사본으로 가져올 수 있다.2. 주요 용어 정리 2-1. 용어 저장소 (Repository) 프로젝트가 거주할 수 있는 디렉토리나 저장 공간. repo라고도 줄여 사용한다.버전관리 (version control)프로젝트의 히스토리의 모든 시점의 스냅샷을 유지하여 버전을 관리한다.커밋 (commit)해당 시점의 스냅샷을 찍어 .. 2017. 1. 21. 이전 1 ··· 49 50 51 52 53 다음
