souvenir

[공부한 것] 1. Udemy HTML/CSS 초급 강의 완료 2. twittler 새 트윗 입력 기능 구현 완료 [피드백] 사실 갑자기 폭풍같이 블로깅을 올린 것이 14,15일에 느꼈던 생각, 감정들을 기록하는 것이 앞으로 무엇이 되었던 나의 앞길에 영향을 줄 수 있을 것 같다는 생각 때문이었다. 지금도 그렇지만 저 때는 정말 자괴감이 심각할 때였다. 같이 공부하는 모든 사람들보다 뒤쳐지는 것 같고, 짐이 되는 것처럼 느껴졌기 때문이다. 벌써 프론트 부분을 공부한지 2주가 넘었음에도 나는 css position과 layout을 어려워하고, DOM은 겨우 겨우 기능구현만 할 수 있다. 그러나 다른 사람들은 나도 모르는 개념으로 문제들을 풀고, 해결하고, 말하지 않은 advanced한 문제들까지 풀어가고 ..

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

[오늘 공부한 것] 1. 유효성 검사 결국 완료하지 못함 - 함수 및 기능 구현을 시도해보았으나 적절한 메세지가 뜨지 않음. - 오류원인을 1시간 가량 찾아보았으나 발견하지 못해 결국 help-desk로 올림 2. 기타 - 학교 과제 등으로 인해 추가 공부는 하지 못함. [내일 공부할 것] 1. 해커톤 준비위해 css position 및 layout 공부해가기

DOM(Document Object Model) : HTML 요소들을 JavaScript 객체로 표현하는 문서 DOM =JavaScript 는 아니며 HTML의 트리 구조를 JS의 객체 형식으로 표현한 것. Document라는 전역변수로 접근 가능 Console.dir을 통해 HTML의 내용을 JS의 객체처럼 확인할 수 있음. 1. 활용 용도 JS를 통해 HTML 문서 중 해당 사항을 검색 혹은 수집하여 묶거나, 수정하는 것도 가능함. 아래와 같은 내용을 주로 확인함. 1) 태그이름(tagName), id(id), class 목록(classList), class 문자열(className) classList : 해당 태그의 속한 class들의 목록을 '객체 형식'으로 보여줌 Ex) $0.classList...

[오늘 공부한 것] 1. 유효성 검사 페이지 만들기 - input type="text"의 경우에는 인라인으로 텍스트 길이를 제한할 수 있는 것도 알게 되었다. - 사실 틀은 만들었고 강의에서도 설명해주셨지만 내가 해보았을 때는 거의 실행되지 않는다. 일부의 dom 기능만 활용하는 것 같고 개념들이 연결이 되지 않는다. 실전에서도 많이 쓰이는 것일텐데 이것조차 제대로 되지 않는 것이 너무 답답하다. 어디서부터 시도해야하고 어떤 것을 연습해야 하는 것인지조차 모르겠다. 막막해서 추가로 더 공부할 수 있는 플랫폼만 찾아보는 중이다. 2. 스터디 - 내가 모르는 많은 것을 시도할 수 있어서 좋지만 오히려 더 큰 갭차이를 느끼는 것 같다. 어디서부터 질문을 해야할지도 모르겠다. - 웹을 만들어본다는 것 자체가 의..