한량의 개발블로그

게시물을 올리면 게시화면에 등록되는 Twitter의 기능을 구현해보고자 한다. 즐겨봤던 영국드라마 왕좌의 게임을 세계관으로 정했다. 난 라니스터가문을 좋아했다 Twittler HTML & CSS 구현 기능 생성 : 닉네임과 내용을 입력하고 트윗버튼을 누르면 게시화면에 최상된에 추가된다 분류 : 게시화면에 있는 닉네임을 누르면 해당유저가 올린 게시물만 화면에 출력된다 돌아가기 : 분류된 상태에서 다시 원래 화면으로 복귀한다 랜덤생성 : Explore버튼 클릭시 다른 유저의 글들이 화면에 업데이트된다 1. 생성 Create 생성(Create) 구현순서 닉네임과 내용을 입력하고 버튼을 누르면 이벤트가 발생한다 {userName : '닉네임' , message : '입력한 내용', created_at : 현재시..

● 구현순서 계산기 구조만들기 (HTML, CSS) 클릭한 button을 화면에 출력시키기 (JS) AC기능 구현 (JS) 계산기능 구현 (JS) 문제찾기 및 해결 (JS) 1. 구조만들기 ▶HTML - 각 버튼을 기능별로 4가지 카테고리로 구분하였다 ( 연산자, 계산, 초기화, 숫자 ) - 이후 JavaScript에서도 클릭된 버튼을 구분하고 역할을 부여하기 위해서 value값을 할당하였다 - operator = 연산자, equals = 계산수행, ac = 초기화, 나머지는 숫자 ▶CSS - 핸드폰 화면에서 계산기가 실행되는 느낌을 주기 위해, 핸드폰 화면처럼 꾸며보았다 2. 클릭한 버튼값 화면에 출력시키기 클릭한 버튼의 값을 빈 문자열에 추가시키고, p태그(이하 display)에 출력시키는 순서로 구..