본문 바로가기

전체 글15

Javascript 사용법, 기본적인 문법 (공부_1) 원래는 플레이리스트를 어느 정도 만들고 자바스크립트를 공부하려고 했지만 도중에 컴퓨터 문제도 생겼고 자바스크립트를 공부하면서 시간 날 때 천천히 만들어 갈려고 한다. 1.  자바스크립트 사용법 : script 태그 안에 자바스크립트 코드를 작성해서 사용할 수 있음 : 가장 많이 사용되는 방법이며 script 태그 안에 src 속성을 사용해 자바스크립트 파일 경로를 적음 위의 파일 경로 다음에 defer 속성을 작성하는데 이거에 대해서는 다음에 설명 2. 기본 문법console.log콘솔 화면에 메시지를 출력console.log('Hello Javascript'); 형식으로 작성console.log('A', 'B', 'C'); ---> A B C 출력라이브 서버를 킨 다음 코드를 저장하고 F12 -> co.. 2024. 7. 15.
나만의 플레이 리스트 만들기(2) 저번에 했던 거에서 조금 더 꾸미고 추가를 해봤다.저기서 팝송, 감성 힙합, 발라드, 힙합을 누르게 되면  이렇게 각 항목에 맞는 저장된 노래 리스트들이 나오는 걸 확인할 수 있다. 첫번째 사진을 구현할 때 padding과 margin을 지정하는 과정에서 어려움을 겪어서 이 부분에 대하여 조금 더 학습하려고 한다. 아직 개념이 덜 잡힌 거 같고 막상 스스로 구현하려고 해보니 헷갈리는 부분이 많아 더 자세히 공부하고 알아 갈 필요가 있다고 느꼈다. 이렇게 틀만 잡아두고 다음으로는 가수를 클릭하면 해당 가수의 정보들이 담긴 내용을 보여주고 내가 왜 이 노래를 추가했는지와 어떻게 이 노래를 접하게 됐는지 등등 내용을 적어보려고 한다. 2024. 7. 3.
html, css를 이용한 나만의 플레이 리스트 만들기(1) html과 css의 강의를 보고 어느 정도 기초적인 문법은 알겠으나 프로젝트를 직접 만들지 않으니 감이 잘 안 잡혔다.그래서 뭐를 만들어 볼까 고민하면서 노래를 듣고 있다가 유튜브 뮤직이 눈에 들어왔고 그래서 플레이 리스트를 한 번 만들어 보자는 생각이 들었다. 노래를 들을 때 보통은 가수를 검색하면 그 가수의 정보와 앨범 등을 확인할 수 있다. 하지만 멜론 같은 곳에서는 검색하면 나오지만 내가 쓰는 유튜브 뮤직에서는 아이돌을 검색했을 때 나오는 정보는 간단하게 데뷔 연도 정도만 나온다. 정확히 이 아이돌이 몇 인조 그룹인지 어디 소속사인지 누가 리더이고 막내인지 또한 누가 메인보컬이고 메인 댄스인지 등등 깊은 정보는 나오지 않았다. 그래서 유튜브 뮤직을 애용하는 나로서는 하나하나 따로 검색하기 귀찮아서.. 2024. 7. 1.