본문 바로가기

학원에서 배운 것85

[포스코x코딩온] 주차 회고 - 2023.02.22 ~ 팀프로젝트 시작 만들고자 하는 내용은 많았지만 매번 이것을 구현할 수 있을까 하는 의문에 빠진다. 그래도 이왕 시작했으니 끝내는 게 도리인 듯 하다. 제주도에 관련된 여러 파트들을 맡아서 작업하기로 하였다. 내가 맡은 파트는 메인 화면과 응급실로, 우선적으로 응급실 정보는 잘 아는 게 없어서 서칭을 해보았다. 일단 제주도에는 5개의 응급실이 있고, 응급실에서 중요한 것이 무엇인가 고민해보았다. 1) 위치 2) 전화번호 3) 사진 4) 의사 정보 5) 진료과목 6) 의료 장비 7) 홈페이지 또 뭐가 들어갈런지 ... 생각보다 컨텐츠를 채우기 어려워서 응급시 대처요령이나 뭐 다른걸 고민해봐야겠다. 참고 사이트 : https://www.goodhosrank.com/hospital 제주대학교병원 응급의료센터 주소: 제주 제주시.. 2023. 2. 24.
KDT 5th 웹개발자 입문 수업 21일차 - 2 뮤직 플레이어 마무리 https://funny-sawine-0efe56.netlify.app/ 뮤직 플레이어 Lorem ipsum dolor sit amet consectetur. funny-sawine-0efe56.netlify.app 패널을 전체적으로 이용할 줄 알아야 한다. for(let i = 0; i < len; i++) { articleList[i].style.transform = `rotate(${deg * i}deg) translateY(-100vh)`; //사진 일괄 적용 const pic = articleList[i].querySelector('.pic'); pic.style.backgroundImage = `url("./source/img/${names[i]}.jpg")`; //음악 .. 2023. 2. 23.
KDT 5th 웹개발자 입문 수업 21일차 - 1 gitignore scss 작업을 할 때 .map 파일은 윈도우(CR, LF)냐 맥(LF)이냐에 따라 줄 띄어쓰기 기호가 다르기 때문에 협업할 때 오류가 많이 발생하게 된다. 이 경우 오류를 피하기 위해 사용하는 것이 .git 파일이 들어있는 장소에 .gitignore 파일을 만들어 미리 지정해줄 수 있다. gitignore 가 적용된 파일은 VSCode 상 파일 탐색기 부분에 회색으로 처리되어 확인이 가능하다. ## .gitignore 파일에서 작성 # 특정 확장자를 가진 모든 파일을 무시하고 싶을 때 *.map # 특정 파일하나만 무시하고 싶을 때 fileName.html # 특정 디렉터리의 특정 파일을 무시하고 싶을 때 directoryName/fileName.html # 특정 디렉터리의 모든 파일.. 2023. 2. 23.
KDT 5th 웹개발자 입문 수업 20일차 - 3 뮤직 플레이어 만들기 기본 세팅 : index.html 을 만들고, main CSS와 JS를 연동시켜준다. 필요에 따라 아이콘CDN을 추가한다. 다만 reset CSS와 구글 폰트는 @import 형식으로 main CSS에 불러와준다. 1. 기본적인 HTML CSS figure 태그를 사용하여 구조를 만든다. CSS로 기본적인 헤더와 푸터 등 구조를 잡아준다. 2. 음악 패널 작업 새로운 scss 파일을 만들어서 메인 CSS에 @import 해주고, section 태그를 사용하여 음악 패널은 article에 작업해준다. 패널마다 transform 효과가 필요하므로 .inner 클래스를 배치하여 transform이 중복되어 효과가 안걸리는 문제를 회피해야한다 section { position: absolu.. 2023. 2. 22.

티스토리툴바