주섬주섬 코딩, 소소하지만 꾸준히 쌓아가는 개발 기록...

점수표 class는 10점 속성선택자 10점 id는 100점 inline은 1000점 imporatnt는? 행동 id 1개에 100점, 클래스 101개 1010점 비교 inline기입 1000점 클래스 101개 1010점 비교 important와 inline 비교 important와 id, inline 비교 속성 선택자 10점 클래스 10점 비교 See the Pen css specificity by leeyoonseo (@okayoon) on CodePen. 결과 id 1개(100점) > 클래스 101개(1010점) inline style(1000점) > 클래스 101개(1010점) important (??) > inline style (1000점) important (??) > id, inline s..

*선생님코드아님 주의, 틀릴 수 있음 주의, 들으면서 적은거 아님주의, 복습하면서 적은거임, 1회차에서 이어서하는 부분입니다. 1회차 안보면 이해안될 수 있음 주의ㅎ 새로운 프로젝트 생성 ROOT폴더에서 새로운 프로젝트를 생성할 것입니다. vscode에디터에서 ROOT 폴더 열어줍니다. (저는 vuu가 ROOT 폴더입니다. vuedongsan은 1차때 만든 프로젝트 폴더입니다.) (모르겠으면 처음부터해도되나 install할 것들이 있습니다) vue, @vue/cli 터미널을 열어줍니다. (단축키 ctrl + `) 또는 메뉴에서 Terminal > New Terminal 터미널이 열린 경로를 확인해줍니다. vue 프로젝트 폴더를 생성할 ROOT 폴더로 경로가 되어있는지 확인합니다. (vuu임을 확인) 프로..

*선생님코드아님 주의, 틀릴 수 있음 주의, 들으면서 적은거 아님주의, 복습하면서 적은거임, 기능개발하기 1. 리스트 팝업 토글 2. 50만원 미만 3. 고가순 정렬 4. 저가순 정렬 5.리스트 원래대로 1.리스트 팝업 토글 -내부에 버튼과 팝업의 html을 생성해주세요. 버튼 팝업 위의 List는 컴포넌트화 해서 가져왔는데, 이렇게 해도 되고 html에 그냥 태그를 사용해서 작성해도 상관 없습니다. (원룸들오리지널을 넣어야 변형이 없습니다.) -data에 배열 데이터, if문에 들어갈 데이터가 있어야합니다. 여기서 리스트보여줄까로 show, hide하고 원룸들 데이터로 v-for를 사용해서 출력해줍니다. 여기서 원룸들의 [...Data]는 원룸 데이터를 import해와서(Data)를 deep 카피하여 ..

*선생님코드아님 주의, 틀릴 수 있음 주의, 들으면서 적은거 아님주의, 복습하면서 적은거임, 기초 셋팅 Node.js 설치 (10버전 이상) VSCode 에디터 설치 Yarn 설치 설치 여부 상관없이 진행가능하나 속도면에서 yarn이 유리하다고 합니다. vscode 에디터 프로젝트 여는 법 프로젝트를 진행 할 폴더를 바탕화면에서 생성하세요. 이 폴더는 Root 폴더가 됩니다. 하위에 vue 프로젝트 폴더가 생성될 것입니다. 이하 Root 폴더라고 하겠습니다. vscode 에디터를 통해 Root 폴더를 오픈합니다. 메뉴 File > Open Folder > Root 폴더 yarn 설치 vscode 에디터로 Root 폴더를 열어 준 후에 터미널을 열어줍니다. 단축키(crtl + `) 또는 메뉴 Termina..