분류 전체보기48 78일차_20201130 Twittler 구현을 마쳤다. 와이어프레임-목업 구현을 기반으로 여럿 기능을 추가했다 1. DOM을 이용해 객체 배열 데이터베이스 기반 트윗 작성 2. Random tweet 작성 3. ID 클릭시 해당 ID가 작성한 Tweet 만 필터링해 display 4. 3의 상태에서 go back 버튼 클릭시 원래대로 회귀 5. ID, Comment 창에 아무 입력이 없을 시 ID, Comment를 입력하라는 글귀 alert하는 유효성 검사 삽입 6. Comment가 50자를 넘어갈 시 입력 불가한 유효성 검사 삽입 Twittler 를 작성하며 제일 관건이 되는 부분은 아무래도 DOM의 활용이었다. 브라우저에서 작성되는 항목들을 바로 대입하여 함수가 진행되어야 하다 보니 상황에 따라 필요한 element의 콘텐.. 2020. 12. 1. 72일차_20201124 DOM 메서드 사용법 _ document.메서드('내용') 순서대로 Create _ 요소를 만든다. createElement() createTextNode() Append _ appendChild (DOM 구조와 연결되지 못한 엘리먼트를 특정 부분에 붙여 줌 _ body 에 뭔가를 넣어줄 때 document.body.append('무엇')) Read _ querySelector _ querySelector('찾을 것'), id, class 태그명 다 가능하다. querySelectorAll _ querySelector 와 같지만 똑같은 조건의 모든 엘리먼트를 찾는다. _querySelector, querySelectorAll 은 아이디, 클래스는 #, . 붙여주어야 한다. getElementByTagNa.. 2020. 11. 24. 66일차_20201118 twittler wire-frame 과제를 수행 중이다. 목업 과정을 수행하기 위해 리눅스용 그림판을 깔았는데 figma 라는 앱을 써 보기를 추천받았다. 대충 이야기하면 협업에 특화된 디자인 툴이랄까.. 동시에 피드백이 가능한데 2명까지 무료란다. 물론 영어로 되어있고 새로운 툴이라 배워야겠지만 사용할 줄 알면 아주 유용할 것 같다. 아 또 어제는 이것저것 찾아보다가 코틀린이라는 언어를 알게 되었는데 호기심이 많이 생겼다. 세계의 많은 기업들이 코틀린 기반으로 개발 체계를 바꿔 간다는 글을 보고 호.. 하는 생각이 들었는데 문법도 많이 어렵지 않으면서 코틀린만으로 다른 프로그래밍 언어들을(대표적으로 자바) 컨트롤 할 수 있다는 것을 보고 '뭐야 이거 개사기 언어 아니야?' 하는 생각이 들었다. 시간과 .. 2020. 11. 19. 64일차_20201116 HTML/CSS 를 배우는 중이다. HTML 태그들 (으로 열어주고 으로 닫아줘야 한다) _한 줄을 차지한다. _span 태그 안의 엘리먼트가 차지하는 만큼의 공간만 차지한다. _text, password, checkbox, radio를 넣어준다. radio를 사용할 때는 이런 식으로 name을 지정해 radio의 종류를 나눌 수 있다. (option1의 input radio가 4개면 4개중 하나를 고르는 라디오 생성) text를 사용할 때는 [글자 ] 로 글자 + 텍스트 박스(안에 나타날 텍스트) 를 적어줄 수 있다. password는 자동으로 입력하는 글자가 가려지는 텍스트 박스가 생성된다. _텍스트를 입력할 수 있는 박스가 생성된다. _클릭할 수 있는 버튼이 생성된다. 로그인 라고 작성하면 로그인 .. 2020. 11. 16. 이전 1 ··· 4 5 6 7 8 9 10 ··· 12 다음