inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex

TodoInput 컴포넌트 코드 정리 및 UI 스타일링

input 부분에 커서 위치가 가운데에 생깁니다!

629

sion007005

작성한 질문수 30

1

저는 왜 input 부분에 커서가 가운데에 생길까요~?

강의랑 똑같은 위치로 바꾸려면 어떻게 해야 할지 알려주시면 감사하겠습니다! ! 

엇 저 아래 다른분께서 동일한 질문을 하신걸 지금 발견했는데요! 

App.vue에서 인풋 박스의 너비가 200px로 설정되어 있어서 그렇습니다 :)

라고 답변해주셨는데, 

그러면 너비를 뭘로 바꾸어 주어야 하나요..?? 

vuex es6 javascript vuejs

답변 4

1

GoFE

강사님께서 말씀하신 200px로 설정되어 있어서 그렇다는 것은 250, 300, 450, 500px 처럼 200px 보다 키워보시면 커서가 가운데에서 왼쪽으로 조금씩 이동하는 것을 볼 수 있습니다. 브라우저 보기도 100%인지 확인하시고요 :-)

1

sion007005

제가 따로 스타일을 수정한 적은 없고 그대로 복붙 한거라서요 ㅠㅠㅠ 그래도 한번 다시 비교해보겠습니다 감사합니당! 

1

캡틴판교

안녕하세요 sion님 좋은 질문이네요. 질문 주신 내용은 CSS 스타일링 관련된 내용인데 현재 어떻게 CSS를 작성하셨는지 제가 볼 수가 없어서 답변이 조금 어려울 것 같습니다..! 한 가지 추천드리는 방법은 강의 리포지토리에서 완성된 CSS 코드를 한번 보시고 현재 작성하신 스타일과 비교해보시면 좋을 것 같아요 :)

0

sion007005

헉 사실 다음에 자세히 보자 하고 다음 강의로 넘겼었는데 덕분에 다시 한번 보게 되었네요! GoFE님 감사합니다! :)  

Chrome 개발자 모드 확장이 안됨

0

254

1

깃 권한 요청드립니다

0

118

1

vue.js 중급 리포지토리 권한 관련

0

118

1

vuex + axios 질문 있습니다!

1

198

2

깃 권한 요청드립니다!

0

161

1

강의 깃주소 문의

0

144

1

router-view에 props를 어떻게 넘길 수 있나요?

1

279

2

Vue가 인식되지 않는 현상

0

205

1

기초강좌는 어디있나요?

1

190

2

App.vue가 필요한 이유

0

192

1

getter가 정의되어 있지 않아 오류가 발생합니다.

1

253

1

뷰 라이프사이클

1

187

1

TSLint 말고 TSLint Vue 설치해도 되나요?

1

367

3

로컬 스토리지는 어디에 있나요?

1

279

1

vuex 실행시 새로고침해야지만 리스트에 나타나는 현상

1

387

2

export default 관련한 질문

0

354

2

깃허브 vue-todo 접근불가에 따른 확인요청

1

354

2

깃허브에 문제있는것 같습니다.

1

273

2

인프런 강의 재생 화면 구성 변경 문의드립니다

1

303

2

addTodo Helper 함수 적용

1

243

1

vuex 헬퍼 전역 설정

1

245

2

github 권한요청드립니다.

1

258

2

이벤트 위치에 대한 궁금증 입니다.

1

223

2

구조 차이에 대한 문의

1

345

2