wogha95 / assignment

오픈이어라운드 과제 저장소

assignment

오픈이어라운드 과제 저장소

1주차

HTML,CSS

• 생활코딩: https://opentutorials.org/course/1
• W3Schoosl: https://www.w3schools.com/

Features

• 인스타그램 로그인하기 전 페이지 클론 코딩
• 미디어쿼리 : 창을 줄이면 폰 부분이 사라지게
• +) 가능하면 휴대폰 화면 부분 애니메이션

2주차

JavaScript (변수, 연산자, 함수)

• 벨로퍼트 모던 자바스크립트: https://learnjs.vlpt.us/
• https://ko.javascript.info/
• https://docs.emmet.io/cheat-sheet/

Features

• 피드 하나 완성
• 모달창 : 클릭시 배경 흐리게, 각각은 기능하지 않아도 되지만 바깥을 누르면 꺼져야 함
• 빨간 박스(추천친구) 는 선택
• +) 미디어쿼리 : 창 줄이면 추천친구 사라짐
• +) 좋아요 버튼 누르면 색칠되게

3주차

JavaScript (조건문, 반복문, 객체, 배열)

Features

• 회원가입 페이지 완성
• 정규표현식 사용해서 이메일 체크
• 정규식 맞지 않으면 input에 효과 주기 정규식 맞으면 아래와 같이 alert띄우고 피드 페이지로 링크

• 피드페이지 반복문으로 여러 개 만들기
• 각각 내용 다르게

• 빨간 박스 누르면 나오는 사용자 페이지 완성
• 피드 페이지에서 했던 내용과 동일하게 사진 반복문으로 여러장 띄우기

4주차

JavaScript (라우팅, GET, POST)

• Ubuntu 명령어 : https://velog.io/@devyang97/Linux-%EB%AA%85%EB%A0%B9%EC%96%B4-%EC%A0%95%EB%A6%AC-Ubuntu-%EC%82%AC%EC%9A%A9

Features

• 검색창 눌렀을 시에 이미지와 커서 왼쪽으로 이동
  
  
• 좋아요 눌렀을 때, 숫자 바뀌게
  
• 마우스를 올렸을 때 그림자+살짝 커지게 애니메이션
  
  
• 프로필 화면에서 자기 게시물에 마우스 올렸을 때 댓글과 좋아요 수 + 흐려지게
  
  
• 프로필 화면에서 자기 게시물 누르면 뜨는 게시물 모달
  
  
• 프로필 눌렀을 때 프로필 변경 모달
  

5주차

Node.js (쿠키, 세션)

• https://opentutorials.org/module/3549/21032

Features

node.js 세션 기능을 활용해서 지금까지 한 과제에 로그인 기능을 추가

• 로그인을 하지 않고 localhost:0000/instagram 이런식으로 피드 페이지와 개인 페이지에 직접 접근하려는 경우는 다시 로그인 화면으로 돌아와야 합니다
• 그인에 성공하면 로그인 정보가 세션에 저장되고 그 정보를 유지해야합니다.

6주차

jQuery, Ajax, JSON

7주차

데이터베이스 설치 및 연동 방법

8주차

데이터베이스 쿼리문