'시도/Code-States' 카테고리의 글 목록 (16 Page)

본문 바로가기

[D+18] 여차저차 일단 성공... D+18 - 여차저차 일단 성공... - (feat. 네 번째 페어 프로그래밍) 이번에 내가 목업 페이지와 그 페이지에 기능적인 것을 추가하면서 느낀 것은 와이어프레임을 작성할 때 정말 신중히 작성해야 하며, 초반에 잘 작성해야 나중에 수정할 일이 적어지고 수정을 하게 되더라도 어느 정도 틀에 잡혀있기 때문에 수정할 거리가 적어지게 된다. 그래서 혼자 목업 페이지를 작성할 당시 나는 코드로 직접 작성하는 시간보다 와이어프레임을 작성하는 것에 더욱 시간을 들였고 그 결과 페어와 함께하는 시간에도 나름 순조롭게(?) 목업 페이지를 구현해 낼 수 있었다. 그리고 그 이후에 내가 또 해야 할 과제가 있었는데 그건 바로 이제 작성한 목업 페이지에 기능을 추가하는 것이다. 목업 페이지는 단순히 보이는 것일 뿐이고 .. 2020. 9. 24.

[D+17] JSON에 대해서 (feat. 😿) D+17 - JSON - (JSON) JSON (JavaScript Object Notation) •데이터를 저장하거나 전송할 때 주로 사용 (경량 데이터 교환 형식) •JavaScript 객체 표기법 •독립적 언어 JSON을 사용하는 이유 •JSON 표현식이 사람과 기계가 모두 이해하기 쉽고 용량이 적어서 xml을 대체해 데이터 전송에 사용될 수 있다. •JSON형식의 문서를 자바스크립트 객체로 변환할 수 있다. •독립적인 언어이기 때문에 대부분이 프로그래밍 언어에서 유연하게 사용이 가능하다. (JSON 포맷의 데이터를 핸들링할 수 있는 라이브러리 제공) JSON 문법 { "list": [ { "firstName": "Gaga", "lastName": "Park" }, { "firstName": "Na.. 2020. 9. 23.

[D+16] DOM D+16 - DOM - (DOM, DOM 조작) DOM ( Document Object Model ) • HTML(Document)에 접근하여 Object(Java Script)처럼 엘리먼트의 속성값을 얻어내거나 변경할 수 있게 하는 모델 • 트리구조 엘리먼트를 확인하는 방법 보통 우리는 엘리먼트를 확인할 때 콘솔창에 'console.log()'를 입력해 확인해 왔다. 하지만 이렇게 입력했을 경우 구체적인 속성값들을 확인하기 어렵다. 만약 다양한 속성들을 확인하기를 원한다면 'console.dir()'을 입력하게 되면 엘리먼트가 객체의 형태로 다양하게 나오는 것을 확인할 수 있다. element 객체에 사용되는 속성 속성 속성 이름 태그 이름 tagName id id class 목록 classList c.. 2020. 9. 22.

[D+15] HTML / CSS D+15 - HTML / CSS - (HTML, CSS, Style) HTML (Hyper Text Markup Language) •HTML은 웹 페이지의 틀을 만드는 마크업 언어로 이때 마크업 언어는 구조를 표현하는 언어라고 할 수 있다. • 부등호()로 묶인 HTML의 기본 구성요소인 태그들의 집합들로 구성되어 있다. •html 확장자를 사용한다. • 여는태그(opening tag)가 있으면 닫는 태그(closing tag)도 있다. 트리구조 HTML은 자식태그가 있으면 부모 태그고 있고 부모 태그가 있다면 자식 태그도 존재한다. 이렇게 HTML은 여러 태그들이 엮이고 엮여 트리구조를 이룬다. SELF-CLOSSING TAG 보통 HTML은 여는 태그가 있으면 닫는 태그도 존재하지만 어떠한 태그는 여.. 2020. 9. 21.

[D+14] 둘째 주 후기 D+14 - 코드스테이츠 둘째 주 후기 - (둘째 주 후기) 끝나지 않을 것만 같던 둘째 주가 어느덧 마지막 날이 되었다. 둘째 주를 보내면서 나는 많은 점들을 느끼게 되었는데 '배움의 깊이는 아주 깊고, 내가 안다고 믿어왔던건 내 바램일수도 있다' 라는 것이다. 첫째 주는 새로운 것들을 배워나가는 뿌듯함과 배운것들 위주로 문제를 해결해 나가는 기쁨을 느낄 수 있었던 한 주였다. 그리고 둘째 주는 그동안 내가 배운것들을 이용해 문제를 해결해 나가되, 조금 더 깊이있는 과정들을 요구하고 이를 이해하는 시간을 보낸 한 주가 되었다. 둘째 주를 보내오면서 나는 기존의 학습틀을 깨고 새로운 것들을 스스로 탐색해 해결방안을 찾아가는 과정이 반드시 필요하다는 것을 알게되었고 나는 이 과정에 대해 꽤나 어려움을 느끼.. 2020. 9. 20.

[D+13] 개인 공부 D+13 - 개인 공부 - (개인 공부) Object.keys( ) •주어진 객체의 키값을 배열의 형태로 반환해 준다. • Object.keys( ) 옆에 '.length'를 붙여주면 속성들의 개수를 알려준다. let obj = {a: 1, b: 2, c: 3}; // obj에 있는 객체의 키값을 알려줄래? Object.keys(obj); // ["a", "b", "c"] // obj에 있는 객체의 속성들의 개수를 알려줄래? Object.keys(obj); // 3 Object.assign( ) •열거할 수 있는 하나 이상의 출처 객체로부터 대상 객체로 속성을 복사할 때 사용한다. let obj1 = {a: 1, b: 2, c: 3}; let obj2 = {d: 4, e: 5, f: 6}; Object... 2020. 9. 19.

이전 1 ··· 13 14 15 16 17 18 19 다음

티스토리툴바