HTML

[css] 자릿수 계산하기,,, 고정되지 않은 width값 transition 주는 방법 알고 싶다.

별점 매기는 컴포넌트 width값이 고정되어 있지 않고, padding값만 고정된 상태로 만들어 달라는 요청을 받았다. (원래는 width가 2.5의 width에 맞춰져있어서 padding이 고정이 아니였다.) padding값을 주고, width는 isOn이 false일 땐 값을 안주려고 했더니 transition이 안 먹는다. width: ${(props: IRatingBtnProps) => (props.isOn ? "160px" : "")}; auto로 해도 안 먹는다. 100%로 하면 버벅인다. transition은 두 상태 사이에 점진적인 값이 있을 때 가능하다고 한다. 즉 visibility 같은 경우엔 visible, hidden 값이 두 개 뿐이기 때문에 안된다고 한다! 결국 쓴 방법은 se..

부트캠프 - precamp 4일차 : 끝말잇기, 로또, 쥬크박스

하나도 몰랐는데... 이젠 display, flex-direction, justify-contents, align-items 거의 생각없이 쓸 수 있게 되었다. 쥬크박스 만드는 게 블럭이 많아서 처음에 펜 없이 하려니까 너무 불편했는데 그거 하니까 술술됐다. 너무 재밌다...! 계속 이러면 좋을텐데 헤헤. 아 노트랑 펜을 들고다녀야겠다. 아무래도 쓰면서 하는 게 더 생각이 잘 돼. 쥬크박스 진짜 노래 나오게 하고 싶은데 오늘은 할 힘이 없다...핳하핳 너무 시간이 늦어버렸어. 따라하면서 내가 바꿀 수 있는 부분은 바꾸면서 하는 게 너무 재밌다! 근데 변수 이름 생각하는 거랑 어떤 걸로 할지 생각하는 시간이 더 걸리는 것 같다ㅎㅎㅎ 수업 사이 틈틈이 이것저것 해보면서 로또기능이랑 끝말잇기 기능도 만들었다!..

부트캠프 - precamp 3일차

발받침이 없으니까 불편해~ 웹앱 서비스 기본구조에 대해 배웠다. 프론트엔드는 데이터 생성 및 사용을하고 백엔드는 데이터 검증과 보완, 데이터 저장과 관리를 한다. 프론트엔드는 DL, Data Logic/Biding / 백엔드는 BL, Business Logic 자바스크립트 데이터 타입과 연산자 Object 배열도 객체 타입 중 하나. 객체에서 타생된 것임 문자열 + 문자열 : 문자열 합쳐짐 숫자 + 문자열 : 계산 안되고 문자열로 합쳐짐 어제 피어싱 끼우면서 봤던 자바 스크립트 안 쓰는 이유가 생각났다. 너무 많은 것을 허용해주기는 한다 싶었다. (근데 내가 쓸 때는 편함ㅎㅎ) 싸이월드 게임 부분 만들기 css를 끝내놓고 기능도 구현해보고 싶어서 js를 좀 만져봤다. 일단 로또에서 숫자 바꾸는 기능. c..