css (6) 썸네일형 리스트형 2021년 5월 1일 React 클론 코딩 #1 movie_app_2021 完 코드스테이츠에서 React를 들어가기전 React를 조금이나마 알기위해 기능구현까지 코딩했던 노마드코더 니꼬센세의 movie_app 강좌를 끝까지 듣고 그 후 Home화면에서 영화를 누르면 나오는 해당 영화의 Detail Component에 약간의 CSS를 추가하였다. 정말 아무것도 없는 無의 상태였기에 너무 꼴보기 싫지않게 약간의 CSS만 넣었다. 아래 웹은 깃헙에 의지하여 퍼블리싱한 나의 movie_app 페이지이다. movie_app_2021 bmaner.github.io 처음 React로 무언가를 만들었다는 점에서 애착이 간다. 하지만 애착이 가는 것과 별개로 너무 못생긴 상태 + 아무런 효과가 없는 상태이기에 이것에 어떻게 효과와 CSS를 더할지 앞으로 공부할 것이고 그를 바탕으로 계속 upda.. 2021년 4월 27일 코드스테이츠 DAY-23 (DOM, 유효성 검사 : 김정빈님 코드 분석 + 알게된 점) DOM DOM(Document Object Model)이란 그대로 해석하자면 문서 객체 모델을 의미한다. Javascript로 HTML을 조작하기 위하여 HTML을 객체로 정의한 것이라고 이해할 수 있겠다. 유효성 검사 : 김정빈님 코드 분석 Sprint Feedback 시간에 자신이 완료한 sprint(유효성 검사 페이지)를 자원하여 발표하는 시간이 주어졌고 동기 중 제일 먼저 김정빈님이라는 분이 프레젠테이션을 시작하셨다. 시작하자마자 딱 눈에 띄는 깔끔한 CSS가 보였고, 중간중간 예쁜 반응도 있었기에 관심이 절로 갔다. 김정빈님의 발표가 끝나고 정빈님이 코드를 디스코드에 뿌려주셨는데, 이 코드 분석을 주제로 블로깅하면 공부가 많이 될 것 같아서 정빈님의 사전 협조를 구했다. 자 한번 정빈님의 코드를.. 2021년 4월 25일 코드스테이츠(Twittler 목업 modal update) 미해결 2021년 4월 22일 코드스테이츠 DAY-18(자료형, 스코프, 클로저 + twittler 목업 update) 2021년 4월 21일 코드스테이츠 DAY-17(Twittler 목업 만들기) + CSS 2021년 4월 20일 코드스테이츠 DAY-16(객체 코플릿) + twittler mock-up 계획(wireframe) + figma 사용법 숙지(인 2021년 4월 19일 코드스테이.. bedeveloper.tistory.com 오늘은 지난 4월 22일 이후 업로드하지 못했던 twittler 목업에 모달기능을 추가해 보겠다. 모달을 추가하기 전에 comment-area에 hover하면 cursor : point;로 변경하였으며, 그와 동시에 해당 comment-area를 선택하였음을 알기 쉽도록 com.. 2021년 4월 21일 코드스테이츠 DAY-17(Twittler 목업 만들기) + CSS 2021년 4월 20일 코드스테이츠 DAY-16(객체 코플릿) + twittler mock-up 계획(wireframe) + figma 사용법 숙지(인 2021년 4월 19일 코드스테이츠 DAY-15(배열, 객체) 배열, 배열의 반복, 배열 기초(Chapter) 코플릿 - 배열(Pair) 객체(Lesson) 배열, 객체(checkpoint) 코플릿 - 배열(Pair) / 객체(Object) 개인적으로 javascript.. bedeveloper.tistory.com CSS 중급(Chapter) 웹 앱 화면 설계하기(Chapter) Twittler 목업 만들기 Sprint Review(Zoom) Twittler 목업 만들기 위 어제 일자로 된 발행글을 보면 알겠지만, 블로그를 작성하고 끝날때 즈음 해서 오.. 2021년 4월 13일 코드스테이츠 DAY-9(계산기)(calculator)#2 2021년 4월 12일 코드스테이츠 DAY-8(CSS + 계산기) CSS 기초(Chapter) querySelector 과제 제출(Pair) 계산기(Pair) 계산기 : HTML/CSS/JS를 활용하여 Pair와 함께 계산기를 만들어 내는 것. 1. Bare Minimum Requirements(필수 과제) Step1 - CSS 마음껏 수정하.. bedeveloper.tistory.com 계산기(Pair) Sprint Review(Zoom) Pair Review(Survey) Sprint Feedback(Survey) 계산기 : 어제(4월 12일) 필수과제인 Bare Minimum Requirements를 완료하였기에, 오늘은 Advanced challenge과 Nightmare를 도전하였다.(Javas.. 2021년 4월 12일 코드스테이츠 DAY-8(CSS + 계산기)#1 CSS 기초(Chapter) querySelector 과제 제출(Pair) 계산기(Pair) 계산기 : HTML/CSS/JS를 활용하여 Pair와 함께 계산기를 만들어 내는 것. 1. Bare Minimum Requirements(필수 과제) Step1 - CSS 마음껏 수정하여 예쁜 계산기 만들기 Step2 - 버튼이 잘 동작하는지 확인하기 Step3 - 기본적인 계산 기능 구현하기 Step4 - SpecRunner.html의 모든 테스트를 통과 후 Github에 Commit 하기 + Advanced Challges / Nightmare ~ 4월 12일(추가 과제) 2. 진행 순서 Step2 - 버튼이 잘 동작하는지 확인하기 Step3 - 기본적인 계산 기능 구현하기 Step4 - SpecRunner... 이전 1 다음
