Skip to content

Open-Year-Round-2021/assignment

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

35 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

assignment

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

1주차

HTML,CSS

Features

image

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

2주차

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

Features

image image

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

3주차

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

Features

image image

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

image

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

1 2

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

4주차

JavaScript (라우팅, GET, POST)

Features

4주차 과제 1

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

5주차

Node.js (쿠키, 세션)

Features

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

5주차 과제 1

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

6주차

jQuery, Ajax, JSON

7주차

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

8주차

데이터베이스 쿼리문

About

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •