본문 바로가기

전체 글58

[과제] 나만의 아고라 스테이츠 만들기 '나만의 아고라 스테이츠 만들기' 과제 체크리스트 ## Bare Minimum Requirement Self Checklist 스스로 구현 완료한 부분까지 체크하여 제출합니다. - [X] 디스커션 나열 기능 - [X] `script.js`를 수정하여 `agoraStatesDiscussions` 배열의 데이터를 나열할 수 있게 구현합니다. - [X] CSS - [X] 아고라 스테이츠 질문 리스트가 중앙으로 와야 합니다. - [X] `style.css`를 수정하여 멋지고 아름답게 나만의 아고라 스테이츠를 꾸밉니다. - [X] [colorhunt](https://colorhunt.co/palettes/popular), [dribbble](https://dribbble.com/)에서 적절한 색 조합, 디자인을 .. 2022. 5. 23.
[모의 기술면접] 질문 리스트 모의 기술 면접 질문 리스트 일반적으로 JavaScript를 불러오기 위해 `` 요소를 `` 요소가 끝나기 직전에 배치합니다. 이유가 무엇인가요? `` 요소는 왜 `` 요소의 자식 요소여야만 하나요? id 속성과 class 속성의 차이에 대해서 설명해주세요. CSS box model에 대해서 설명해주세요. 간단한 로그인 폼 컴포넌트를 가운데 위치시키려면 CSS를 어떻게 작성해야 하나요? (centering) 간단한 블로그에서 아래와 같은 레이아웃을 구성하려면 CSS를 어떻게 작성해야 하나요? 스코프에 대해서 설명해주세요. 배열, 객체를 `const`로 선언했는데 요소나 속성을 추가할 수 있는 이유에 대해서 설명해주세요. 원시 자료형과 참조 자료형에 대해서 설명해주세요. 얕은 복사와 깊은 복사에 대해서 설.. 2022. 5. 23.
[Git] Git / Github / Git repository *키워드 : Git, Github, Git repository, remote repository, local repository, staging area, commit, snapshot, pull & push, Git 명령어 ... 등 Git repository 란 ? 파일 또는 폴더를 저장해두는 저장소. Remote Git repository (원격 리포지토리) : 원격 온라인 상의 저장소. Local Git repository (로컬 리포지토리) : 내 컴퓨터의 개인 저장소. Local Git repository 로컬 Git repository 만드는 법 코드를 저장할 directory(폴더) 생성 후, 해당 dir에 로컬 Git repository를 생성한다. 명령어 : git init 작업 공간(.. 2022. 5. 19.
[Java Script / DOM] 유효성 검사 및 이벤트 *키워드 : 유효성 검사, querySelector, 이벤트 핸들러 (onclik, onkeyup ... 등), 관심사 분리 유효성 검사(Form validation)란 ? 웹사이트에서 원하는 조건에 맞게 만드시 형식을 맞춰야하는 경우가 있는데, 그 조건들이 올바르게 구현되어 있는지 확인하는 것. HTML / CSS / DOM을 이용해 실행 가능. 예시) 특정 값은 반드시 입력해야 합니다. (아이디, 이메일, 비밀번호, 이름, 전화번호 등) 비밀번호는 n 자릿수 이상이어야 하고, 숫자나 특수문자를 반드시 포함해야 합니다. 비밀번호와 비밀번호 확인란에 입력된 문자가 동일해야 합니다. 신용카드의 경우, 입력한 신용카드의 번호가 유효해야 합니다. 이벤트 ? DOM에서 이벤트는 마우스를 클릭하거나, 키보드를 누.. 2022. 5. 18.
[Java Script / Browser] DOM DOM이란? Document Object Model의 약자. HTML 요소를 Object처럼 조작할 수 있는 Model을 일컬음. 즉, 'HTML의 아주 작은 부분까지 접근할 수 있도록 만들어진 구조'. DOM을 이용하면 HTML로 구성된 웹 페이지를 동적으로 움직이게 할 수 있음. ​ HTML에 JavaScript를 적용하는 법 : 태그를 이용. 웹 브라우저는 요소를 만나면, HTML 해석을 중지함. 요소는 등장과 함께 실행. 는 HTML에서 안쪽에 삽입 하거나, 요소가 끝나기 전 삽입 : (HTML 요소를 이용하려면 이 방법이 좋다고 생각됨) 자바스크립트에서 DOM은 document 객체에 구현되어 있음. DOM 구조 조회 시, console.dir() 를 사용하면 DOM을 객체의 모습으로 출력해 줌.. 2022. 5. 17.
[Java Script] Koans 문제 풀이 2022.05.16 1. 타입 확인 "비교연산자 '=='는 두 값의 일치 여부를 느슨하게 검사(loose equality)한다. 사용을 권장하지 않음. 예시) expect(0 == false).to.be.true; expect('' == false).to.be.true; expect([] == false).to.be.true; expect(![] == false).to.be.true; expect([] == ![]).to.be.true; expect([] == '').to.be.true; expect([] == 0).to.be.true; expect([''] == '').to.be.true; expect([''] == 0).to.be.true; expect([0] == 0).to.be.true; "비교연.. 2022. 5. 16.