전체 글76 내일배움캠프 4일차 : CSS로 로컬이미지 background 만들기 오늘 역시 미니프로젝트를 진행하는 날이다. 내일은 발표이고 오늘이 마지막이기 때문에 나는 사이트의 background, 버튼 및 카드의 투명도와 같은 전체적인 톤을 일치시키는 일을 했다. 원하는 느낌의 이미지 샘플이다. 이 느낌을 내기 위해서는 배경에 구겨진 종이 이미지를 넣는 것이 필요했다. background-image: url("") 나는 아무 생각 없이 위 코드를 활용해 무료 이미지 사이트인 Pixabay에서 이미지주소를 복사해서 body 전체에 넣어주었다. 하지만 결과는 대 실패였다. 로그인되어 있는 나의 서버에서만 이미지가 보였으며, 다른 팀원들의 웹에서는 이미지가 보이지 않았다. 괜찮은 이미지를 넣어주어야 하기 때문에 우선은 다운을 받은 후 로컬이미지를 활용하는 방식이 있나 검색해 보았고 다.. 2024. 4. 18. 내일배움캠프 3일차 : 파이어베이스를 통한 방명록 만들기 어제에 이어 웹개발 강의를 들으며 미니프로젝트를 진행하고 있다. 웹개발 강의는 자바스크립트, 제이쿼리, Fetch 파이어베이스를 통해 데이터를 활용하는 강의를 다시 들었으며, 미니프로젝트에서는 방명록 기능을 개발했다. 우선 오늘은 제이쿼리 강의 내용을 간단히 정리해 보겠다. JQuery - 제이쿼리를 활용하기 위해서는 사이에 아래의 코드스니펫을 꼭 넣어주어야 한다. - 어떠한 부분을 가리키기 위해서 'id = ""'를 사용한다. 그리고 $('#아이디값')을 통해 바꿀 html코드를 지정해 준 뒤 '.명령어'를 붙여준다. - 리스트에서 반복문을 뽑아내기 위해서는 백틱(`)을 사용한다. let temp_html = `` $('#q1').append(temp_html) 이런 식으로 원하는 태그를 백틱 안에 넣.. 2024. 4. 17. 내일배움캠프 2일차 : 기초 html과 CSS를 활용한 웹페이지 제작 팀 미니프로젝트를 진행중이다. 간단한 팀 소개 웹페이지를 제작하는것인데 어제 SA작성과 Git hub테스트를 완료하였고 오늘부터 본격적으로 웹페이지 제작을 시작했다. 아직 사전강의로 제공되었던 웹개발 관련 강의를 다 듣지 못한 팀원들도 있고 나도 완벽하지 않기에 강의를 다시 들으며 프로젝트 내 내가 맡은 부분을 만들어나갔다. 내가 맡은 부분 : 메인 페이지의 html과 CSS 어떻게 보면 가장 쉬울 수 있는 부분이지만 기초부터 활용하며 실력을 차근차근 키워나가고싶은 생각이 들어 이 부분을 맡게되었다. 하지만 막상 강의 들을때와 다르게 와이어프레임의 구성으로 만들려니 쉽지 않았다. 간단하게 XD로 만들어낸 와이어프레임을 실제 개발을 통해 구현해내는 것은 생각보다 복잡한 일이었다. 간단한 사각형에 글씨 넣는.. 2024. 4. 16. 내일배움캠프 1일차 : git과 git hub 기초 및 탐색 사전 강의를 끝내고 처음으로 본격적으로 개발에 뛰어든 날이다. 오늘은 내 개발코드를 지키기 위해 그리고 동료들과 함께 개발을 해나갈 수 있도록 git과 git hub에 대해 공부했다. git hub를 사용하며 필요한 명령어와 협업해 나가는 과정을 간단히 정리해 보겠다. 말 그대로 git & git hub 기초. 리눅스 명령어 우선 비쥬얼 스튜디오 코드의 터미널을 통해 간단히 조작 가능한 리눅스 명령어를 정리해 보겠다. -pwd(print working directory) 현재 작업하고 있는 디렉토리(폴더비슷)를 보여달라는 명령어로 치면 현재 위치하고 있는 위치가 뜬다. -ls(list) 현재 위치해 있는 곳에 있는 폴더와 파일들이 보인다. -ls -a (list all) (에스 다음 띄어쓰기) 현재 위치.. 2024. 4. 15. 이전 1 ··· 7 8 9 10 다음
