Wecode(46)
-
TIL10 | 크롬 개발자 도구 - Network panel
팀 미션 💫️ 주제 : 개발자 도구의 Network 패널 팀원 : 박민정, 한화연, 이지은 Network 패널 해당 웹 사이트에서 통신하고 있는 모든 정보가 표시되는 곳이다. Network 패널의 기능 http 네트워크 통신, 페이지 로딩 성능 테스트, 이미지 영상 등의 소스를 확인 가능하다. Network 패널의 여러 가지 탭의 종류와 기능 상단 탭 : 파일 형식별로 보여주는 탭 All - 통신하는 모든 목록 JS - 페이지에서 사용하고 있는 JS 파일들. 해당 페이지에서 어떤 라이브러리를 사용했는지 대충 알 수 있음. Media - 보통 mp4 파일들 XHR - 브라우저와 서버가 HTTP 통신 할 때 request 전문이 어떻게 구성되어 서버로 전달 되는지, 서버로 부터 요청에 따른 response ..
2021.10.08 -
TIL09 | JavaScript Wecode [Pre-course] 중간 시험
Wecode [Pre-course] 중간 시험 wecode에서 첫번째 테스트 🎉️ 총 8문제의 자바스크립트 문제를 풀었는데 제출한 답안 중에 마음에 안드는 답안인 8번 문제를 여러 방면으로 풀어봤다 😀️ 그럼 풀이 스타트 -! 문제 08번 | findMaleName 배열에서 남성을 찾아 그 이름을 반환하는 함수를 만들어주세요. 함수는 인자로 객체가 요소인 배열을 받습니다. 배열의 요소는 각 사람에 대한 객체이며 아래는 배열의 예시입니다. 배열 예시 : [ { name: 'tom', age: 10, gender: 'male' }, { name: 'sera', age: 30, gender: 'female' }, ] 함수의 반환값 : 'tom&#..
2021.10.07 -
TIL08 | CSS inline과 block, position, float 속성
📑 Cascading Meaning of CSS 브라우저가 CSS코드를 읽을 때, 위에 있는 코드부터 순서대로 읽는다는 의미. 즉, 맨 마지막에 있는 코드가 적용 📑 Block 요소 옆에 다른 요소가 올 수 없음. (Box 개념) 대부분의 box들은 block , , , 등등 block의 특징 margin : box의 border(경계)로부터 바깥에 있는 공간 * Collapsing margins: 자식box의 경계가 부모box의 경계와 같을 때 일어나고, 그 때 두 box의 margin이 하나가 됨. (위, 아래쪽만 일어남) padding : box의 border(경계)로부터 안쪽에 있는 공간 border : box의 경계 📑 Inline 하나의 요소 옆에 다른 요소 올 수 있다. 즉 같은 줄에 위치할..
2021.10.06 -
TIL07 | HTML Semantic Web & Semantic Tags
📑️ Semantic Web 등장배경 웹 상에 축척된 정보가 방대해 짐. ➡️ 엄청난 양의 불필요한 정보들이 생김. ➡️ 컴퓨터가 필요한 정보를 추출, 해석, 가공할 수 있는 방법이 없어 모든 정보를 사용자가 직접 개입해서 처리해야 했음. 이런 문제를 해결하고자 팀 버너스리등에 의해 Semantic Web이라는 개념이 제시됐다. 정의 "의미론적인 웹" 이라는 뜻으로, 컴퓨터가 이해할 수 있는 잘 정의된 의미로 만들자는 것이다. 이를 기반으로 의미정 상호운영성, 다양한 정보자원의 처리 자동화, 데이터 통합 및 재사용을 컴퓨터가 스스로 수행하여 인간과 컴퓨터 모두 잘 이해할 수 있는 웹을 만드는 것이 목표이다. 📑️ Semantic Tags "의미론적인 태그" 라는 뜻으로 HTML5에서는 웹 페이지에서 통상..
2021.10.06