전체 글

1. 기념비적인 일주일 이번주에 생애 첫 클론 코딩을 해봤다. 다른 수강생들은 멋있고 화려하고 좀 더 다이내믹해 보이는 사이트를 선택했지만, 나는 가장 내 실력에 맞고 도전적인 사이트를 골랐다. 클론코딩을 하면서 느낀 점은 html의 마크업 구조를 파악하는데 눈이 좀 트인 것 같다. 또한 페이지를 접속하면 끝이 아니라 어떻게 저 부분을 css로 구현할 수 있을지 생각하게 되었다. 덕분에 얼마나 성장했고, 또 앞으로 성장할 길이 조금은 명확해져서 기쁘다. 2. 프엔만 파는 남자 어떤데 가끔 커리어 사이트라던지 채용공고를 확인해보고는 하는데 이전에 비해 확실히 채용이 줄었다. 그리고 예전에 비해 프런트엔드만 분야만 채용하는 회사가 굉장히 줄었다. 요즘 추세는 직원채용보다는 외주를 맡긴다고 한다. 외주를 맡기..

1. 야놀자 서비스 : 데이터베이스 및 여행,숙박 정보 제공업 근무 스타일: 재택폐지됨. 사내문화: 소통을 할때 단계가 많아서 오래걸림. 워라밸: 브랜드1위라서 혹은 워라밸이 좋아서 안주하는 사람이 있음, 복지: 건강검진, 생일선물, 휴게실, 자회사 제품할인, 장기근속수당, 도서구입비지원, 교육비 지원, 점심식사 제공, 밥 맛있음. 연봉: 2461만~1.7억 (중간값 5502만) 잡플레닛: 2.8 2. 라인플러스 서비스 : 메신저 플랫폼(AI, 커머스, 엔터테인먼트, 게임) 근무 스타일: 프로젝트 진행이 긺, 회의많음. 재택근무가능 사내문화: 좋은 직장 동료, 자유복장, 수평적 조직문화 워라밸: 워라밸 좋음. 복지: 건강검진, 의료비지원(본인), 직원대출제도, 각종 경조사 지원, 단체 상해보험, 업무활동..

1. 2주 차에는 더 나아졌을까? 그래도 지난주보다는 상태가 나아졌다고 자부할 수 있다. 물론 그 말이 내 수면시간까지 보증하는 것은 아니지만, 여전히 12시부터 6시까지가 내 수면시간이다. 이제는 그래도 적응을 해서 그런지 버틸만하다. 정말 힘들어도 운동을 쉬지 않고 주 3회 하고 있다. 내 귀여운 프랭클린과 아바로사는 조금씩 성장 중이다. 진도를 따라가는 측면에서 봐도 저번주보다 나아졌다고 할 수 있다. 조금만 집중을 놓치면 바로 알 수 없는 나니아 연대기 속 옷장 안에 유기당하는 느낌이지만 그래도 카페인의 가호로 열심히 정신줄을 잡고 나아가고 있다. 2. 그래서 수업 외적인 부분은 어떤데? 이번주는 확실히 여유가 조금은 생겼는지. 취업을 위해 다른 인크루트 플랫폼을 뒤적이며, 최적의 루트를 계산해 ..

1. Image, Input 요소 IMG HTML -src: 이미지 소스의 URL 혹은 경로를 명시합니다. -alt: 이미지를 보여줄 수 없을 때, 이미지를 대체할 텍스트를 명시합니다. CSS .logo { width: 50px; height: 50px; object-fit: cover; object-position: left; } -object-fit: fill의 경우 기본값입니다. 이미지 크기 맞게 종횡비를 변경시킵니다. cover의 경우 이미지가 종횡비를 유지하고 이미지크기에 맞게 잘립니다. contain의 경우 이미지가 종횡비를 유지하고 이미지 크기 속에 들어가게 됩니다. none는 조정되지 않습니다. -object-position: center, left, right으로 이미지의 보여질 프레임을..

1. 가상 클래스, 요소 가상 클래스 별도의 클래스를 지정하지 않아도 지정한 것처럼 요소를 선택할 수 있습니다. .example:hover { background-colror: Blue; // example 클래스에 마우스를 롤오버 했을 때 } .example:active { font-size:24px;//example 클래스를 마우스를 클릭했을 때 } .example:focus { border: 2px solid Black; //example 클래스가 포커스됐을 때 } .example span:first-of-type { font-size:30px; // example 클래스의 span태그를 가진 처음 요소 } .example span:last-of-type { font-size:5px; // exam..

1. CSS 란? css는 사용자에게 문서를 표시하는 방법을 지정하는 언어입니다. C -> Cascading S -> Style S -> Sheets 마치 html로 콘크리트를 쌓아올렸다면, css는 그 외관을 꾸미는 것이라고 할 수 있습니다. 2. CSS 적용방법 인라인 스타일 CSS의 인라인스타일입니다. 내부 스타일 시트 외부 스타일 시트 span { display: block; } 스타일 적용 순서 인라인 스타일 -> 내부 스타일 시트, 외부 스타일 시트 -> 웹 브라우저 기본 스타일 3. CSS 기본 문법 선택자 선택자는 스타일을 적용시킬 html의 태그, 클래스, id 등의 위치를 가리킵니다. 속성(Property) 선택자의 어떻게, 어떤 것을 바꿀지 나타냅니다. 속성값 선택자를 얼마나 바꿀지 ..