본문 바로가기
728x90

분류 전체보기106

[TIL] 1차 프로젝트 S.A Hype Express 1. 팀 소개 팀명: Hype Express 팀원: 박진양(팀장), 김예슬, 유영재, 한상권, 조영찬 2. 프로젝트 소개 제목: Hype Express 프로젝트 간단 설명: 여러분들의 공간에 hype함을 배달합니다. 우리 팀의 목표 남들보다 잘하자 각자 맡은 섹션을 소화하고 구현하고 이해하자 발라버리자 기능 모든 페이지를 반응현으로 디자인 각 카테고리별로 뉴스피드 구현 맘에 드는 피드 클릭시 좋아요와 스크랩 기능 추가 구현 로그인 / 회원가입 구현 로그인시 MY PAGE 로 이동시 아이디, 사진 수정할수 있는 설정 부분 구현 내가 쓴글과 좋아요로 구혁을 나눠 나의 자료를 볼수 있게 구현 파이어베이스를 활용한 백엔드 구축 AWS S3로 배포 3. 와이어 프레임 4. APIs 2022. 11. 18.
[CS] SPA !! SPA란? 싱글 페이지 애플리케이션(single-page application, SPA)은 서버로부터 완전한 새로운 페이지를 불러오지 않고 현재의 페이지를 동적으로 다시 작성함으로써 사용자와 소통하는 웹 애플리케이션이나 웹사이트를 말합니다. 이러한 접근은 연속되는 페이지들 간의 사용자 경험의 간섭을 막아주고 애플리케이션이 더 데스크톱 애플리케이션처럼 동작하도록 만들어줍니다. MPA vs SPA SPA는 한 개(single)의 Page로 구성된 Application이지만, MPA(Multiple page Application)는 여러 개(Multiple)의 Page로 구성된 Application입니다. MPA는 새로운 페이지를 요청할 때마다 정적인 리소스가 다운되며, 매번 전체 페이지가 다시 렌더링 되는 .. 2022. 11. 16.
[TIL] JavaScript - push( ), pop( ), unshift( ), shift( ) JavaScript를 사용해 알고리즘 문제를 풀다 보면 push함수를 많이 사용하는데, unshift( )와 pop( ) 함수에 대해서는 처음 접해봐서 찾아보게 되었습니다. push( ) 우선 push( ) 함수는 다들 알다시피 배열의 끝에 아이템을 추가합니다. let fruits = ['Apple','Banana','Orange'] fruits.push('Grape'); console.log('fruits'); >>> ['Apple','Banana','Orange','Grape'] pop( ) pop( ) 함수는 배열의 마지막 아이템을 제거합니다. let fruits = ['Apple','Banana','Orange'] fruits.pop(); console.log(fruits); >>> ['Apple.. 2022. 11. 15.
[TIL] CSS - Transition(애니메이션) Transition이란? CSS 트랜지션은 시작 지점과 끝 지점을 서로 연결을 해 주는데 중간 과정을 부드럽게 만들어 주는 역할을 합니다. CSS 트랜지션은 CSS 속성을 변경할 때 애니메이션 속도를 조절하는 방법을 제공합니다. 속성 변경이 즉시 영향을 미치게 하는 대신, 그 속성의 변화가 일정 기간에 걸쳐 일어나도록 할 수 있습니다. 예를 들어, 여러분이 어떤 요소의 색상을 흰색에서 검은색으로 변경한다면, 변화는 대개 즉시 일어납니다. CSS 트랜지션을 이용하면, 모두 커스터마이즈 가능한 어떤 가속도 곡선을 따르는 시간 주기마다 변화가 일어납니다. CSS, JavaScript, Class 활용의 차이 공용 HTML 웹 퍼블리싱 왕초보 시작반 웹개발 플러스 1) CSS .button { padding: .. 2022. 11. 14.
[TIL] JavaScript - 정렬 함수, sort( ) !!! sort 함수란? sort( ) 메서드는 배열의 요소를 적절한 위치에 정렬한 후 그 배열을 반환합니다. 정렬은 stable sort 가 아닐 수 있습니다. 기본 정렬 순서는 문자열의 유니코드 코드 포인트를 따릅니다. 참조 : mdn sort( ) 메서드의 특징 기본적으로 오름차순으로 정렬합니다. 배열 요소를 문자열로 캐스팅하고 변환된 문자열을 비교하여 순서를 결정합니다. 배열의 요소가 undefined인 경우에는 문자열로 변환되지 않습니다. 배열의 요소가 undefined인 경우에는 배열의 맨 끝으로 정렬됩니다. 1) 구문 array.sort(sortFunction) sortFunction은 요소 순서를 결정하는 데 사용되는 함수의 이름입니다. 생략하면 오름차순, ASCII 문자 순서로 정렬됩니다. so.. 2022. 11. 13.
[WIL] 코딩테스트를 하면서... 서론 이번 주부터 새로운 팀원들과 함께 JavaScript를 사용해서 알고리즘 문제를 풀기로 했습니다. 스스로 하루에 4문제씩은 풀자 다짐을 하고 시작을 했고, 프로그래머스 lv0 문제부터 시작했습니다!! 이전에 Python을 이용해서 알고리즘 문제들을 풀었었는데, JavaScript로 풀려니 Python과 차이가 조금 있어서 처음에는 좀 버벅 거렸습니다... 하지만 다양한 문제들을 풀다보니 감을 잡았고, 자주 쓰이는 문법들을 따로 공부해서 적용하였습니다. 배운점 1) 클래스와 객체 처음으로 돌아와서 JavaScipt의 데이터 타입에 대해서 공부하였고, 그중 객체 타입과 클래스를 선언하는 방법을 공부하였습니다. 그리고 클래스 내에 함수와 같이 특정 코드를 실행할 수 있는 메소드 호출하는 방법에 대해서도 .. 2022. 11. 13.
728x90