본문 바로가기

분류 전체보기56

[HTML/CSS] 기초 정리 index.html : 기본 페이지로 지정된게 없으면 기본으로 보여짐태그 : 미리 정의된 형식의 텍스트 정의시 사용. 공백여백 : 3부터 리스트 시작 : 리스트 숫자 거꾸로 출력됨. : 네모모양CSS 스타일 적용의 우선 순위인라인 스타일내부 스타일 시트, 외부 스타일 시트웹 브라우저 기본 스타일색을 표현하는 방법RGB : rgb(R, G, B)Hex : #0096FF16진수로 255RGBA : rgb(R, G, B, 투명도 0.5)수치값을 표현하는 방법픽셀 : 고정된 절대값퍼센트 : 상대적 측정em, rem : 환경에 따라 변하는 단위 (가변 단위)em같은 엘리먼트에서 지정된 font-size를 기준으로 px로 바뀌어 화면에 표시됨같은 엘리먼트에 설정된 폰트 크기 값이 없을 경우, 상위 요소의 폰트 사이.. 2024. 11. 16.
[React] 리액트 프로젝트 모바일로 접속하기 ✔️조건 : 같은 네트워크에 있어야한다!같은 와이파이 연결을 하시오.npm start를 하면 이렇게 주소 창이 뜬다. 모바일은 저기로 접속하면 안되고~!일단 저 파란색 포트 번호를 기억해둔다. 앵간하면 3000일것이다. 1. windows는 cmd 창을 켠다.2. 명령어에 ipconfig 입력.3. 무선 LAN 어댑터 - IPv4 주소에 보면 192.---.---.--- 뭐 이런게 뜰것이다. 4. 모바일 주소창에 http://cmd창에 뜨는 주소:포트번호 를 입력한다. 접속하면 끝! 2024. 9. 18.
[합주시간표 프로젝트] 02# 합주 시간표 제작 - 멤버 선택 완성본메인 기능 : 멤버를 선택하면 시간표를 만들 수 있다.- 멤버 선택, 선택한 멤버 표시, 토글창, 경고문구생각보다 반응이 매우매우매우 폭발적이다.아직 부족한게 많은데 칭찬 해주셔서 매우 감사.. 멋있다고 해주셔서.. 매우감사... 아무래도 내가 직접 사용자 입장에서 만들다 보니불편한점을 최대한 없애기위해 많이 생각하고 노력한것 같다. 만들면서 고려한 기능은 이렇다.1. 멤버를 여러명 선택할 수 있을 것.2. 두명 이상의 멤버를 반드시 선택하고, 그렇지 않을 경우 경고 메세지를 띄울 것3. 보기 편하게 선택한 멤버를 한번에 보여주는 div를 만들 것4. 선택 완료를 누르면 제목을 입력하는 칸을 만들것.-> 모달창으로 제작함5. 간지용 애니메이션을 넣을것 01. 멤버 선택 코드여러명을 선택해야하므로 c.. 2024. 9. 18.
[Github] 깃허브를 꾸몄다 사람들은 어떻게 저렇게 이쁘게 하지 하고 겁냈는데생각보다 만들기 쉬웠다! 검색하면 친절한 설명들이 한가득해서 나도 만들어보았다..ㅎㅎ짱짱 맘에든다! 열심히 해야징~ 2024. 9. 13.
[합주시간표 프로젝트] 01# 기획과 구상, 시간표 만들기 01. 문제상황밴드 동아리에서 사용할 합주 시간표 마법사가 필요했다. 밴드 동아리 특성 상 합주를 해야하는 일이 많은데 기타2, 베이스1, 드럼1, 키보드1, 보컬1 총 6명이 공통으로 비어있는 시간을 맞추기란 쉽지가 않았다. 그래서 파이썬을 잘 다루는 동아리 부원중 한명이 파이썬 라이브러리로 히트맵을 만들어시각화해서 보여주는 합주 시간표 마법사를 만들었으나,일일이 데이터를 입력하여 캡쳐해서 단톡에 보내주는것이 꽤 불편해 보였다.. 그래서 그냥 필요한 사람들의 이름만 입력하면 자동으로 합주 가능한 시간을 보여주는웹사이트를 만들어 배포하면 친구의 수고로움도 덜고,다른 부원들도 직접 들어가서 확인할 수 있으니 좀 더 편리할것이라는 생각이 들었다. 그래서 경험도 쌓아 볼 겸 개인 프로젝트를 진행하기로 하였다... 2024. 9. 11.
[React] 이중리스트 이차원리스트 이차원 배열 병합, 정렬, 중복 제거 하기 현재 진행하는 개인 프로젝트에서 이차원 리스트를 합쳐야했다. 그런데 그냥 합치는게 아니라 각각의 행들끼리 합치고싶었다.합쳐도 그대로 이차원 리스트가 나오도록!✏️병합 : concat()두 개 이상의 배열을 병합할 때 사용한다.기존의 배열을 변경하지 않고, 새로운 배열을 return한다. ✔️사용법const array1 = ['a', 'b', 'c'];const array2 = ['d', 'e', 'f'];const array3 = array1.concat(array2); => 결과로 Array ["a", "b", "c", "d", "e", "f"] 가 도출된다.✏️행끼리 병합 : map() 사용하기이럴때 map을 사용해야한다. let newlist = list3.map((arr, index) => a.. 2024. 9. 11.