본문 바로가기

분류 전체보기130

wecode 사전스터디 1주차(7/16) 로그 위코드 개강(8/17) D-32 1. 배운 것/개발한 것 : freecodecamp.org css 추가 강의 1) html img태그의 alt 속성 img 태그의 alt 속성은 이미지가 성공적으로 로드되지 않았을 경우에 해당 이미지에 대한 설명으로 대체하기 위해 존재하는 요소이며, 아래와 같은 형식으로 이루어짐 2) html5의 새로운 태그들 : main, header, footer, nav, article, section 등 main태그는 문서 내에서 한 번만 사용할 수 있음 section, article, div의 차이 - groups content - groups related content - groups independent, self-contained content header 태그 : htm.. 2020. 7. 16.
wecode 사전스터디 1주차(7/13) 로그 위코드 개강(8/17) D-33 1. 배운 것/개발한 것 1) 위코드 사전스터디(프론트엔드)를 위한 자기소개 웹페이지 제작https://youngkwon315.github.io/wecode_prestudy_week1/ 사전스터디1_권영빈과제 Youngbin Kwon 30 years old 안녕하세요. 권영빈입니다. 현재 직장인 5년차로, 내년에 창업에 도전하기에 앞서 웹서비스 구축 과정을 직접 체험하며 배우기 위해 '위코드'에 들어오게 되었습니다. 스타�� youngkwon315.github.io 2) 웹사이트 header의 상단 고정 : position = fixed 모든 html 태그들은 초기에는 static 상태로, 차례대로 왼쪽에서 오른쪽, 위에서 아래로 쌓인다. position을 relative.. 2020. 7. 15.
TIL - 200625 1. 배운 것 Codecademy - Learn Javascript : Promise 프로미스 : JavaScript는 엔진은 Single Thread이다. 그래서 동시에 두 가지 작업을 할 수 없다. 그렇다면 여러 작업이 동시에 요청이 될 때 이 전 작업이 마무리 될 때까지 기다려야 하는가? 그래서 JavaScript 엔진은 비동기 처리가 가능하도록 설계되었다. JavaScript에서 Promise는 비동기적으로 실행하는 작업의 결과(성공 or 실패)를 나타내는 객체이다. 여기서 주목해야 하는 점은 객체 라는 것인데, 비동기의 결과를 객체화 시킨다는 점이 Promise의 가장 큰 장점이자 특징이 된다. Promises are JavaScript objects that represent the event.. 2020. 6. 25.
TIL - 200623 1. 배운 것 Codecademy - Learn Javascript : Modules 모듈 : 자바스크립트 코드의 크기가 갈수록 커지고 기능도 복잡해지자 자바스크립트 커뮤니티는 코드 전체를 기능 단위의 코드 뭉치로 분해하고 필요에 따라 결합할 수 있도록 하는 시스템의 도입을 고민했습니다. 그 결과 도입된 것이 Module System입니다. 이 때 사용되는 코드 뭉치 각각을 Module이라고 합니다. 종류 1. named export : 내보내고자 하는 요소 앞에 export를 통해 각각의 요소를 export + 최하단에 {}를 통해 모든 요소를 한번에 export 할 수 있음 + as를 통해 요소의 이름을 변경하여 export 할 수 있음 (ex : {youngbin as youngbinkwon}) 2.. 2020. 6. 24.
TIL - 200615 1. 배운 것 1) Codecademy - Learn Javascript : 브라우저 호환성과 변환(Babel) ES5 — The old JavaScript version that is supported by all modern web browsers. ES6 — The new(er) JavaScript version that is not supported by all modern web browsers. The syntax is more readable, similar to other programming languages, and addresses the source of common bugs in ES5. caniuse.com — a website you can use to look up HTML,.. 2020. 6. 16.
TIL - 200614 1. 배운 것 1) Codecademy - Learn Javascript : Classes 클래스는 객체를 위한 템플릿이다. 자바스크립트는 새로운 클래스를 생성할 때 콘스트럭터 메소드를 불러온다. Inheritance 기능은 프로퍼티와 메소드를 가지고 있는 부모 클래스를 만들고 이를 자식 클래스로 연결할 수 있다. extends 키워드를 통해 자식 클래스를 만들 수 있다. Super 키워드는 부모 클래스의 콘스트럭터를 불러온다. 정적 메소드는 클래스에서 불러와지지만 클래스의 인스턴스에서는 불러와지지 않는다. 2. 개발한 것 1) 스파르타코딩클럽 프로젝트 - jefit의 운동 리스트 중 img_url, 운동명, 운동부위명을 배열로 크롤링 완료 3. 개발할 것 1) 스파르타코딩클럽 프로젝트 - python .. 2020. 6. 16.
TIL - 200608 1. 오늘 배운 것 1) Freecodecamp CSS 기초과정 완료 - Basic CSS 2. 개발한 것 1) 스파르타코딩클럽 프로젝트 - 프론트엔드 Card-box CSS기능 완료 3. 내일 개발할 것 1) 스파르타코딩클럽 프로젝트 - 첫 페이지가 아닌 Last page까지 클릭 한 후 정보를 모두 크롤링하는 기능 구글링 후 개발 - 크롤링 데이터 모두 가져와서 프론트엔드에 카드 형식으로 뿌려주는 기능 완료 2) Codecademy css 강의 완료 (낮) 3) Freecodecamp 'Applied visual design'강의 시작 2020. 6. 8.
TIL - 200604 1. 오늘 배운 것 1) CSS grid(계속) - grid 프로퍼티, 메소드 복습 https://developer.mozilla.org/en-US/docs/Web/CSS/grid grid The grid CSS property is a shorthand property that sets all of the explicit grid properties (grid-template-rows, grid-template-columns, and grid-template-areas), and all the implicit grid properties (grid-auto-rows, grid-auto-columns, and grid-auto-flow),� developer.mozilla.org 2. 개발한 것 1) C.. 2020. 6. 5.
TIL - 200603 1. 오늘 배운 것 1) Codecademy 'Learn CSS' 강의 (온라인) - CSS 폰트 관련 기능, Grid 기능 https://heropy.blog/2019/08/17/css-grid/#:~:text=CSS%20Grid(%EA%B7%B8%EB%A6%AC%EB%93%9C)%EB%8A%94%202,Grid%EB%A5%BC%20%EC%82%AC%EC%9A%A9%ED%95%A0%20%EC%88%98%20%EC%9E%88%EC%8A%B5%EB%8B%88%EB%8B%A4. CSS Grid 완벽 가이드 CSS Grid(그리드)는 2차원(행과 열)의 레이아웃 시스템을 제공합니다.Flexible Box도 훌륭하지만 비교적 단순한 1차원 레이아웃을 위하며, 좀 더 복잡한 레이아 ... heropy.blog 2.. 2020. 6. 4.

티스토리툴바