html 7

국비 코딩 풀스택 수업 6일차

오전일과 marketcontent.html join.html -marketcontent.html 어제 혼자 하루종일 해도 안됬는데 역시 답지를 보니까 마음이 사르르 녹는다 먼저 직접 작성한 스크립트와 답지를 비교해보자 해결함(단순 url 주소 기입 실수) but 코드의 간편성을 봤을때는 오늘한 marketcontent가 났다. 게시판 내용 번호 : 물품명 : 내용 : 가격 : 수량 : 등록일 : 이미지 주문하기 위 코드는 내 파일에 없음(깔끔하게 가공해서 올린 것임) marketcontent에서 배운 것. 1. 가져온 데이터 타입 확인하는 습관 2.(중요) 콜백 지옥 해결책 await을 배움(줄인 것 + 데이터를 기다리는 명령어 await axios) await을 쓰려면 펑션앞에 async를 붙여야함 3..

html 2022.06.28

국비 코딩 풀스택 수업 5일차

오전일과 수요일 시험 준비 파일(강사님께서 복습겸 다시 만들어주심 로그인은 제외) 메인 main1.html 로그인 login1.html 회원가입 join1.html main.css 로그인css는 회원가입이랑 같이쓰기? join1.css join1.json css스타일7 (컨테이너, 헤더, 푸터, 섹션, 네브, 아티클, 네브유엘) item 상품 글쓰기 만들기 (이미지 첨부 서버 업로드 방법) 유효성 검사 body라는 폼데이터를 만들어서 전송해줌 (이미지 파일이 존재하기 떄문) (이미지가 없으면) 아래 코드를 이용하여 오브젝트로 전송 const header = {"Content-Type" : "application.json"} 데이터 등록 및 전송 axios.post 이용 복습 자료 main1.html 회원..

html 2022.06.27

국비 코딩 수강전 준비

https://blog.naver.com/skyu2579 블루비 : 네이버 블로그 당신의 모든 기록을 담는 공간 blog.naver.com 거창하게 한달이전부터 수업을 들을거라고 준비를 하긴했는데요... 그닥 공부를 안했네요 ㅋㅋㅎㅎ 학원 다니면서 한번 달려보도록 하겠습니다. 아래는 계획했던 것들! 지금이라도 실천해보겠습니다! 1.알고리즘 문제 풀기 백준, 프로그래머스 알고리즘 문제 꾸준히 풀기 - (이제 하려고함) ​ 2. ossf 개발자, 초보 개발자 모임, 개발자스럽다 페북 그룹 가입하기 - 안함(필요성 못느낌) ​ 3. 깃허브 적극 활용(포트폴리오) - 하는 중 ​ 4. 자바 기초 다지기(책 이것이 자바다, 자바의 정석, 처음배우는 자바프로그래밍) - 프로그래머스 입문 강의 조금 들음 -프로그래머..

html 2022.06.24

국비 코딩 풀스택 수업 4일차

오전일과 (board, boardone) board 글번호, 제목 누르면 사이트 이동하는 것 복습 게시판 글쓰기 글번호 제목 작성자 조회수 날짜 서버에서 정보를 받아온뒤 테이블에 기입하고 no 와 title 을 클릭시 해당 게시물 페이지(boardone.html)로 이동하게끔 만듬 boardone 게시판 내용 여기는 글번호 여기는 제목 여기는 내용 여기는 작성자 여기는 조회수 여기는 날짜 삭제 수정 버튼 기입 삭제 수정 function handleDelete() function handleUpdate() 활용하여 수정 버튼과 삭제버튼에 의미를 부여 if(no === null) { window.location.href="board.html"; no가 없을 경우 강제로 목록으로 이동시킴 게시물을 누르지않고 ..

html 2022.06.24

국비 코딩 풀스택 수업 3일차

오전일과(index, ajax1이론, ajax2 실습, ajax3 실습) index index 화면 구현인데 다 잘 따라갔는데 article 영역에 표에 정보 입력은 못따라갔다.. 집가서 해볼 예정. 강사님 스크립트는 없는데 한번 만지막 해보고 내일 질문 예정 ajax1실습 const , let , var 의 개념을 배움 const는 선언하면 절대로 바뀌지 않음. let, var는 다시 선언하면 바뀜. xhr로 백엔드와 소통하는 법 배움 //백엔드로 요청하는 과정 (요청만 받기는x) const xhr = new XMLHttpRequest(); //백엔드에서 데이터를 받는 것 const ur1 = 'http://1.234.5.158:23000/json/exam1.json'; //백엔드의 서버 위치 xhr...

html 2022.06.23

국비 코딩 풀스택 수업 2일차

수업내용 이미지 전송, 폼(입력항목들) 오브젝트(중요) 1. 이미지전송 가정) 로그인을 하려고 한다. 로그인을 할때 아이디와 비밀번호가 입력 되지 않았는데, 이 것을 서버로 보낸다면 백엔드가 욕함. 그래서 프론트는 if 및 return false; 를 이용하여 데이터의 이동을 미리 차단하여야함. 파일 선택이 되지 않았을때, no image를 표기하고 이미지 파일이 선택하였을때, 화면을 바꾼 이미지 파일로 표기 image src 입력시 style에 width만 줘도 비율 맞춰 줄어들게 됨. 등록 버튼 클릭시 물품과 가격에 공란인지 확인한 후 서버에 올리는 시스템 공란일시 크롬 alert가 울림 또한 focus를 활용하여 공란인 곳에 자동 클릭됨 물품등록 물품: 가격: 이미지: 버튼: 2. 폼(입력항목들) ..

html 2022.06.22

국비 코딩 풀스택 수업 1일차

main(메인) 메인화면 로그인 회원가입 게시판 1. login로그인 로그인 테스트 아이디 암호 2. join회원가입 회원가입 아이디 암호 암호 남 여 이메일 @ naver.com gmail.com daum.com 3. board게시판 게시판 참고 자료 1. 인라인 블락, 인-블 https://seungwoohong.tistory.com/23 [CSS] display - block과 inline 그리고 inline-block 안녕하세요. 오늘은 display porperty에 대해서 알아 보겠습니다. 그 중에서 inline과 block 그리고 inline-block에 대해서 알아보겠습니다. 먼저 display property에서 간단히 설명하면 display는 화면이 렌더링.. seungwoohong.t..

html 2022.06.21