TechLabs

1. css 웹페이지에서 구조를 담당하고 있는 html의 색, 크기 등의 시각화를 담당한다. 주로 속성과 값으로 이루어져 있다. - 단일 속성 지정 : 1개의 속성과 값의 쌍을 의미한다. - 다중 속성 지정 : 2개 이상의 속성과 값의 쌍을 의미한다. 선택자{ 속성: 값; // 종료를 의미하기 때문에 반드시 적어주기 } css 지정 후 반드시 종료를 표기해야 한다. 아니면 문법적 오류가 뜬다. css 나타내는 방법 3가지 1. html 태그에 css 직접 입력하기 inline style 방식으로 style = "속성 : 값" 으로 표기하기. 유지 보수에 유리하지 않고, 관심사 분리가 안 된다. 즉 같은 언어끼리 묶이지 않고 있다는 의미이다. 2. head 태그 안에 style 태그 입력하기 style t..

flex를 이용한 회원가입 양식 정렬하기 1. content-box에서 border-box로 넘어가는 것이 css의 기본 원칙이다. 내용 제외한 모든 것의 변화에서 기본 웹 페이지 제외한 모든 것의 변화로 양식 조정하기. 2. flex는 반드시 부모 태그가 필요하다. 또한 대각선으로 이동 불가하니, 가로 또는 세로로만 이동해야 한다. 3. 상위 태그부터 천천히 정렬시켜주기. 나는 가장 상위 태그인 body부터 정렬해주었다. 4. flex 사용 시에 자식 태그들의 정렬에 따라서 가로, 세로의 방향이 달라질 수 있음을 유의하자. 완성된 회원가입 양식 + 입력이 필요한 부분을 div 태그로 설정하면 입력이 되지 않는다. 입력에서 사용하는 태그를 이용하자. 경계를 없애고 싶은 경우에는 border에서 고쳐주면 ..

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분 정도 면접이 진행되었다. 태어나서 처음 보는 면접이었는데, 생각 외로 깊이 물어보셔서 당황했던 기억이 난다...