백엔드 과정(2023)12 3주차 jQuery + fetch 로 웹페이지 제어 마스터 'fetch'는 인터넷을 통해 데이터를 요청하고 받아오는 과정 목표: 추억앨범과 스파르타 플릭스에 동적인 효과와 네트워킹 정보 삽입 잠깐의 오류; 소프트웨어 오류가 생겨서 control 전원버튼을 10 초 눌러 재부팅했다. 추억의 앨범 코드를 꺼냈다. 폰트를 바꾸려 시도하니 오류가 났었다. 코드를 import 할 때 까지 붙혀넣기 되어 꼬였었다. 동작시켜야 하는 버튼 3개 추억 저장하기> 입력창 열기 1. jQuery CND 붙혀넣기 2. 클릭- 오픈클로즈 작동시켜 보기 나만의 추억앨범 추억 저장하기 3. toggle 작동 시키기 마이 포스팅박스에 id 값을 줌 toggle작동 2.기록하기>입력창의 정보 카드에 저장 1. makeCard 함수 funct.. 2023. 12. 5. 2주차 1. spartaflix 완성 (코드 스니펫) 부트스트랩 CDN jumbotron 배경 이미지와 텍스트 Headers 사이트의 상단부, 로고를 클릭하여 홈화면으로 돌아가는 기능 탑재 2. Javascript 웹에서 동작하는 프로그래밍 표준 언어 지정 후 반복 조건(forEach) (if) 연산(split) 색출 등이 가능 f12>console 에서 확인가능 3. JQuery Javascript를 미리 더 쉽게 작성해둔 것. 라이브러리! JQuery CDN $('#ID') 로 위치지정.함수실행 text checkresult 등의 함수 >function 백틱 '' >HTML요소를 통째로 넣을 때 묶어주는 기호 let temp_html = `사과` 원래 출력값에 사과가 5번 붙음. forEach로 지정된 a는.. 2023. 12. 4. 1주차- 2 앨범만들기 css 구글폰트 https://fonts.google.com/?subset=korean 활용하기 import-style / css family-전체적용 * 부트스트랩(Bootstrap) 템플릿 따오기 선행과정으로 설정이 필요 -부트스트랩 CDN 부트스트랩 버튼 https://getbootstrap.com/docs/5.3/components/buttons/ Buttons Use Bootstrap’s custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more. getbootstrap.com div마다 이름지정, tab으로 들여쓰기 2023. 11. 27. 1주차 1) 개발의 기본 웹개발 세가지 구성 요소 HTML, CSS, java script + bootstrap 각각 웹의 뼈대와 시각화 인터렉션 을 담당 코드 스니펫/ VS code 다운 Open in browser,korean 다운 실시간 live server 파일 경로 설절 후 새파일생성. 코드입력 파일명.html 코드입력 html:5 제목과 내용 입력 ctrl s 로 저장 후 alt b 로 창열기 뼈대: 헤드, 바디 헤드/ 제목 파비콘 검색엔진 link style script meta 바디/ span img input textarea 태그 로그인 만들기 h1 로그인 페이지 줄바꿈 or 구역설정 버튼, 인풋텍스트 스타일 색바꾸기 헤드-스타일- 이름지정 . 이름{color:red;} 해당 이름의 글자샛이 바.. 2023. 11. 14. 이전 1 2 3 다음
