곡,제목,기록 추가기능을 하나의 버튼안에 넣고, 버튼을 누르면 새 윈도우창이 뜨는 형식으로 고쳤다 그런데 문제가 있다 'Uncaught DOMException: Blocked a frame with origin "null" from accessing a cross-origin frame' 이러한 오류가 뜬다 이는 크롬에서 웹을 로컬 파일로 실행하면 보안상의 이유로 브라우저자체에서 iframe 과 통신을 막아 동작하지 않는다고한다 즉 서버로 실행하면 잘 동작하지만 테스트환경에서는 안된다는 것 해결 방법이 두 가지가 있다 하나는 서버로 실행하는 것 두번째는 크롬의 대상에 --disable-web-security --user-data-dir="C:\chrome"를 추가하는 것 둘다해보았다 첫번쨰는 아파치 서버..
사실 두번째 걸음이다 색상변경기능이 사용자가 버튼을 입력하면 그에 따라 변화하는 거니까 그런데 첫걸음이라고 쓴 이유는 단순한 버튼 클릭을 넘어 사용자로부터 텍스트를 입력받아 웹사이트에 적용하는게 내가 원하던 기능이기 때문이다 아직 고쳐야할 부분이 많다 제출 버튼을 누르면 사용자가 썼던 내용이 없어지게 구현하고 싶고 이거 새로고침하면 다 날라가서 아마 데이터베이스에 저장해야될것이고 저렇게 웹사이트에 보기 흉하게 있기보다는 곡 추가 버튼을 만들어서 거기에 다 입력할 수 있게 하고 싶다 윈도우 오픈으로해야하나 고민중이다
css 우선순위 태그선택자
사실상 3번째 글과 달라진게 없는 진행상황.... ㅋㅋㅋㅋㅋ 잔잔한 노래 페이지에 css만 입혔다 그리고 기록은 오른쪽 정렬... 나머지 장르는 사실상 복붙수준이라 귀찮아서 안했다 그런데 글을 올린 이유는 여기서 한 번 정리를 했어야 했기 때문이다 여기까지가 사실상 정적웹사이트의 일을 다 한거다 구글에 좀 찾아봤는데 웹사이트는 정적 웹사이트와 동적 웹사이트가 있다 지금 내가 만든 웹사이트가 정적웹사이트다 이미 저장된 내용을 불러오는 것 뿐 사용자가 장르나 기록이나 곡을 추가할 수 없다 나는 이 기능을 만드는게 목표인데 이것을하려면 동적웹사이트로 바꿔야한다 그러기위해서는 PHP나 MYSQL이 필요하다 PHP가 뭔지는 모르겠지만 MYSQL은 데이터베이스로 뭐 예를들면 내가 장르를 추가했으면 추가한 데이터를 ..
나의 사이드 프로젝트 제목을 정했다 music diary 줄여서 mudi 무디 무디가 나의 웹 프로젝트 제목이다 음 마음에 든다 하다가 글자의 높이를 조절하는데에 어려움을 느껴 웹을 잘 아는 친구에게 도움을 요청했다 기존에 위치를 조절할때는 position: fixed; right : 10px; top : 110px; 이런식으로 fixed를 사용했는데 오른쪽 왼쪽 위치조정은 상관이없는데 높이 조절을 top이나 bottom으로 하니 겹치는 문제가 생겨서 이 친구가 말해준건 display:flex; align-items:center;를 하라고 하였다 내가 본 강의자료에는 flex가 없어서 있는줄도 몰랐는데 아주 편리한 기능이다 그리고 그 친구가 얘기한건 웹에서는 절대좌표를 별로 쓰지않는다는것 그리고 html..
계절학기 듣는동안 사이드 프로젝트로 웹사이트를 하나 만들어보려고한다 거창한건 아니고, 간단한건데 목표는 멜론의 플레이리스트를 본따 웹사이트로 만드는 것이다 카테고리를 장르별로 여러개 만들어두고, 카테고리를 선택하면 카테고리 안에 있는 노래목록들을 보여준다 이렇게까지하면 기존의 멜론 플레이리스트와 똑같으니 차별화된 점을 두자면 나는 노래를 들으면 그 노래를 들었던 시절이 떠오를때가있다. 그런 감정들을 기록해두고싶은 마음이있었는데, 멜론 플레이리스트에는 그런 기능이 없어 각각 음악에 담긴 추억이나 기억을 추가로 저장하는 기능을 만드려고한다 아마 처음에는 정적으로 저장된 데이터들을 불러오도록 구현할 것이고, 나중에 좀 더 발전시켜 글쓰기 기능을 만들어 사용자(나)로부터 데이터를 저장시키도록 동적으로 구현하는게..
- Total
- Today
- Yesterday
- oauth2.0
- 로스트아크 캐릭터
- CSS
- authorization code
- 인프콘2024
- bfs
- html #웹 #웹사이트 #플레이리스트
- oauth
- kloa
- SpringBoot
- 프로그래머스
- SQL
- 오픈소스
- infcon 2024
- 데이터 3법
- git
- authorization_code
- 데이터3법
- 클로아
- 데이터베이스
- DDL
- html
- DML
- git commit 수정
- git 예전 커밋 수정
- 우분투
- 리눅스
- javascript
- 2024인프콘
- Android Studio
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |