FrontEnd & Mobile(33)
-
[CSS] background와 background-color의 차이
평소 나는 배경의 색을 지정할 때에 background-color를 사용했었다. 그러던 중 한 인강에서 background를 이용해서 배경색을 지정하는 것을 보게 되었다. 무슨 차이가 있는지 알아보자. 바로 결론부터 말하자면, background와 background-color 모두 배경 색상을 지정할 수 있다. 다만 background-color는 색깔만 지정할 수 있는 반면에, background는 color 이외의 다른 background 옵션들까지 지정해줄 수 있다. [background-color] 이 속성은 요소의 배경 색상을 지정하는데 사용된다. div { background-color: #ff0000; /* 빨간색 배경 */ } [background] div { background: #ff..
2023.12.02 -
[React] react로 개발자 유형 테스트 만들기 - 회고록
미니 프로젝트를 마치며 서론 멋사에서 마지막 미니 프로젝트로 팀이 빌딩되었다. 프로젝트 주제 등 모든 것이 자유였다. 동아리의 마지막 마무리..! [팀 구성] 팀명 : 안녕 1팀 디자니어 1명 프론트엔드 2명 백엔드 3명 총 6명으로 이루어졌고, 나는 그 중 프론트엔드로 참여하게 되었고, 프론트엔드장 역할을 맡게 되었다. [프로젝트 기간] 23.9.4~23.11.19 한 학기 세션을 프로젝트로 대체하기로 하였고 중간에 중간고사 기간도 겹쳤기에 프로젝트 기간이 매우 길었다. [적용 기술 및 협업 툴] - Frontend : Html, Css, Javascript, React - Backend : Django - Collaboration Tool : Github, Figma, notion [프로젝트 진행] ..
2023.11.27 -
[Flutter] Flutter와 Firebase를 이용한 넷플릭스 클론 코딩
서론 지난 여름방학 동안 flutter 강의를 완강하려고 하였지만 실패했다. 그 이유를 생각해보니 총 30시간이라는 긴 강의 시간이 주원인이라고 생각되었다. 처음에는 열심히 듣다가 후반부로 갈수록 지루하다고 느껴 점점 피하게 됐던 것 같다. 그래서 이번에는 강의를 들으며 개념을 학습하기보다 한 가지를 클론 코딩하며 전체적인 흐름을 익히고 난 후에 내가 개발하고 싶은 어플을 만들어보는 방식으로 공부를 하기로 하였다. 그렇게 해서 정하게 된 것은 바로 넷플릭스 클론 코딩이다. 넷플릭스로 정하게 된 이유는 클론코딩 강의 중 시간도 짧고 후기도 많고 무료인 강의를 찾다가 인프런에서 권태뽕 강사님의 강의를 발견하게 되었기 때문이다. https://www.inflearn.com/course/flutter-netfl..
2023.11.26 -
[Flutter] EdgeInsets
EdgeInsets란? padding, margin과 같이 특정 위젯의 상하좌우에 여백을 두기 위해 자주 사용하는 클래스입니다 EdgeInsets.all 모든 방향에 같은 값 //all const EdgeInsets.all(7.0); //모든 방향으로 8pixels의 여백 EdgeInsets.only 한 방향 //only const EdgeInsets.only(left: 40.0); //왼쪽에만 40pixels의 여백 EdgeInsets.symmetric 수직 혹은 수평 //symmetric const EdgeInsets.symmetric( {double vertical = 0.0, double horizontal = 0.0} ) const EdgeInsets.symmetric(vertical: 8.0)..
2023.09.18 -
[html] <input> value 속성
의 value 속성 태그의 value 속성은 요소의 초깃값(value)를 명시합니다 value 속성은 요소의 type 속성값에 따라 다른 용도로 사용됩니다 button / reset / submit : 버튼 내의 텍스트를 정의합니다 hidden / password / text : 입력 필드의 초깃값을 정의합니다 checkbox / image / radio : 해당 입력 필드를 선택 시 서버로 제출되는 값을 정의합니다 또한 요소의 type 속성값이 "file"인 경우에는 value 속성을 사용할 수 없습니다 문법 단점 value 속성의 단점은 초깃값을 사용자가 지우고 입력해야 한다는 점입니다 placeholder 속성을 사용하면 초깃값을 자동 삭제하도록 설정할 수 있습니다 출처 https://tcpscho..
2023.09.18 -
[Flutter] @override
@override란? @override는 상속 받은 메소드를 재정의할 때 사용한다 사용을 할지 말지는 선택사항이지만, 가독성을 높이기 위해서는 사용하는 것이 좋다고 한다
2023.09.15