souvenir

[오늘 공부한 것] : POS기 만들기 중 프론트 작업 - 내가 맡은 역할 : 프론트엔드로서 HTML 하드코딩하기 - 진행상황 : MVP 설정, 와이어프레임 만들기, 프로토타이핑, HTML 구조 하드코딩까지. 대략적인 css로 위치조정은 마침 MVP 설정 및 와이어프레임 기획 특정 메뉴를 누르면 구매 목록에 추가되고 해당 가격이 총 금액 화면에 출력되도록 하는 기능 (가격 및 갯수 포함) 추가한 순서대로 구매 목록에 추가 되도록 하는 함수 구현 추가한 구매 목록에서 삭제할 수 있는 기능 추가 상품 카테고리에 따른 탭 추가 추가한 구매 목록에서 수량 변경할 수 있는 셀렉터 추가 음료 탭을 선택했을 때 HOT/ICE 선택할 수 있는 메뉴 추가로 띄워주기 관리자 메뉴 추가 상품 추가 ( 금액, 카테고리, 사진..

[오늘 공부한 것] 1. 스터디에서 원가 계산 사이트 만들기 시작 - react 등을 이용해서 전반적인 프론트엔드 부분을 연습해 볼 계획임. - dom 연습이 많이 필요함 2. 유효성 검사 만들기 - html과 대략적인 css는 만들었으나 바닐라 js 문법이 어색함. - 뭔가 정확하게 설명되지 않은 개념들이 난무하다는 느낌을 받음. 바닐라 js도 수업중 누구도 이야기 하지 않아서 스스로 찾아봄. 3. Do it! 클론 코딩으로 영화 리뷰 웹사이트 만들어보기 - 스텝 3까지 시도함. - npm과 리액트가 대략 어떤식으로 시작하고 작업하는지는 이해가 되기 시작함. - 컴포넌트 개념 복습은 필요함. - 컴포넌트 : js에서 일종의 클래스 개념과 비슷한 것 같음. 컴포넌트들을 연결해서 동일한 형식의 컨텐츠를 자..

[오늘 공부할 것] 1. twittler 목업 시작하기(70% 수준 완료) - 밤에 거의 완료 함. 2. webber-study html/css 초급 부분 정독하기 3. html 시범 웹 페이지 만들어보기 [내일 공부할 것] 1. twittler 목업 완료하기 2. udemy html/css 강의 중 html 부분 1스텝은 듣기

[오늘 공부한 것] 1. HTML 웹 페이지 구성 및 css 적용 2. git repository에 올려서 저장하기 https://github.com/souvenir-lee/HTML-practice 3. twittler 목업 와이어프래임 구성 [내일 공부할 것] 1. grid와 flexbox 공부하기 2. twittler 목업 시작하기(20% 수준은 완료하기)

http://webberstudy.com/ : 기본 개념부터 실전에서 주의해야할 사항까지 꼼꼼히 정리해주심 https://codepen.io/ : JS, CSS, HTML이 각각 어떻게 구현되는지 즉각적으로 볼 수 있는 사이트 html에 css를 입힐 때 태그보다는 css 파일을 만들어서 에 link하는 것이 더 안정적임. css도 html처럼 확장자로 지정해서 파일을 만들 수 있음. 각 태그에 id, class 붙이는 연습 태그는 블록형태지만 안에는 인라인 태그만 들어갈 수 있음. 블로깅 할 때 목차 만들기 : id 태그를 제목마다 붙여서 연결할 수 있을 것 같은데 시도해봐야겠다. 에어비앤비 등 특정 사이트 클론 만들어보기 좀 더 연습이 되면 티스토리 레이아웃도 수정해보기 참고) http://webbe..