TechLabs

html로 회원가입 양식 만들기 1. input에는 여러 가지 속성과 값이 존재한다. 잘 조합하여 이용하면 원하는 모양을 만들 수 있다. 2. inline인 경우에는 을 이용하여 강제 줄바꿈을 실행한다. 나중에는 굳이 이렇게 하지 않아도 된다. css를 이용하여 원하는 모양으로 맞춰줄 수 있기 때문이다. 3. 종속 태그인 select와 option을 이용하고 속성과 값을 이용하여 원하는 모양을 만들 수 있다. 완성된 회원가입 양식 html로 웹사이트를 구조화하는 경우 태그의 고유한 역할에 잘 파악하여 이용해주자.

1. html 2. tag 3. block과 inline 4. 종속 태그 5. html 문서 구조 1. html - hyper text markup language - 웹페이지가 어떻게 구조화 되어 있는지 브라우저가 알 수 있도록하는 마크업 언어이다. - 공간을 만들고, 무엇으로 채울지 결정하는 언어이다. 2. tag - html은 수많은 tag들로 이루어져 있다. - 고유 기능에 맞게 브라우저에서 보여준다. - 시작 태그 + 내용 + 종료 태그 = 요소 (element) - 고유한 기능을 가지고 있고, 속성과 값을 이용하여 부가적인 기능을 추가할 수 있다. 예를 들면, input에 button, radio, checkbox 등 부가적인 기능들이 존재한다. - 또한 중첩이 가능하다. - 빈태그 : 내용과..

1. 웹서비스 2. 브라우저 3. 반응형웹 4. 확장자 5. 부모, 자식, 형제 관계 1. 웹서비스 브라우저에 주소창 입력하면 모든 페이지를 보여준다. - 브라우저 : 코드 실행기, 화면에 그려주는 역할, 브라우저에 어떤 코드를 불러왔는지 확인 가능하다. - 브라우저 예시 : 크롬, 사파리 등을 의미한다. 2. 반응형웹 화면 크기에 따라 디자인 등 실시간으로 변화한다. 앱서비스 ↔ 웹서비스 3. 확장자 컴퓨터가 파일을 어떻게 인식해야 하는지 알려주는 정보이다. (예를 들면 .jpg, .txt, .png 등) 4. 부모, 자식, 형제 관계 - 1개의 depth는 1번 들여쓰기를 의미한다. - 부모, 자식 관계 : 1개의 depth 차이를 가진다. 상위 폴더가 하위 폴더를 담는다. - 손자 관계 : 2개의 ..

1. 버전 관리 - 수정 사항들을 커밋 (하나의 버전) 으로 정리해서 관리하는 것이다. 커밋을 여러 개로 쪼개면 쪼갤수록 관리하기 편리할 것이다. - 코드는 한번에 완성되는 경우가 없다. 많은 수정 사항들이 생기고, 추가하기도 하고, 리팩토링 과정을 거친다. - 버전 관리가 중요한 이유 : 내용 정리에 용이하고, 원본을 훼손하지 않고 계속 코드를 안정적으로 저장 가능하다. - 수정 사항 수정 + 원본 보존에 탁월하다. - 협업 시에 유용하다. - 만약에 코드가 망가진 경우, 바로 전 단계의 버전으로 돌아가면 온전한 코드를 다시 가져올 수 있다. (원본 보존에 용이) 2. git과 github 1. git : 버전 관리, 저장 공간이 필요하다. 일반적으로 우리가 알고 있는 검은 화면을 이용하기도 하고, 시..

2월 14일 화요일, 구름에서 면접을 보았다. 2월 10일 금요일에 동기들과 교내 경진대회 관련하여 카페에서 회의하고 있을 때 전화를 받아서 굉장히 놀랬고, 설레고 떨리기도 했다. 일단 입사 지원서를 10번 정도 읽고, 마케팅 관련하여 구글링하고, 구름이라는 회사에 대하여 공부하고 갔다. (주로 지금 진행하고 있는 사업에 관하여 공부를 했다.) 초행길이라 1시 20분쯤 출발하였는데, 2시쯤 도착하여 1층 로비에서 입사 지원서를 읽으며 기다렸다. 그리고 15분 전에 올라가서 담당자님께 전화를 걸었다. 담당자님께서 안내해주시고, 기다리면서 마음을 안정시켰다. 면접관님이 2분 들어오시고 약 40~50분 정도 면접이 진행되었다. 태어나서 처음 보는 면접이었는데, 생각 외로 깊이 물어보셔서 당황했던 기억이 난다...