profile
예술을 사랑하고 서버 개발자를 꿈꿉니다

Project 1-3 1주차 회고

피그마 화면 구현, 디비스키마 구조 작성 완료백엔드 유저 기능 80% 구현 완료프론트 페이지 상품(장바구니, 상품목록, 상품상세), 유저 페이지(정보수정, 주문내역), 푸터 헤더 완료프론트와 백이 통신하기 위해 API가이드 문서가 필요하다.(🔗작성된 API명세서)프론

2023년 5월 21일
·
0개의 댓글
·

TIL (파이썬 문자열 제거 메소드, 문자 찾기 메소드)

1.문자열 제거 메소드문자열.lstrip('제거할문자열') > 앞 쪽 제거문자열.rstrip('제거할문자열') > 뒤 쪽 제거문자열.strip('제거할문자열') > 양 쪽 제거

2023년 5월 11일
·
0개의 댓글
·
post-thumbnail

Project 1-2 HOLO 기술명세서, 페이지구성 구현

기획을 마치고 오피스아워미팅으로 얻은건 "기술명세서 확립이 필요하다." 여러 사람이 모여 하는 일이기에 상세한 기술명세서가 반드시 있어야 한다는 것. 나는 '나'를 기준으로 다들 이해했구나라고 생각했지만 지금 와서 생각하면 아주 얼토당토않는 소리였다는 생각이 든다.

2023년 4월 23일
·
0개의 댓글
·

Project 1-1 HOLO의 시작

첫 팀프로젝트를 시작하게 됐다.엘리스를 시작한 이유중 하나도 "같이 공부할 수 있어서" 인 만큼 팀프로젝트에 기대가 많았는데 우리조는 전공자 1명에 비전공자 5명인 팀으로 구성됐다.

2023년 4월 18일
·
0개의 댓글
·
post-thumbnail

JS - call(), bind(), apply()

JavaScript에서 함수를 호출하는 방법 중에서도 특별한 기능을 제공하는 메소드입니다. 모두 함수를 호출할 때 this 값을 설정하는 방법을 제공하는 특징을 갖고 있습니다. (this 소실방지)함수를 호출할 때 this 값을 설정하고, 함수 인자를 개별적으로 전달합

2023년 4월 11일
·
0개의 댓글
·
post-thumbnail

JS - event.currentTarget & eventTarget

event.target과 event.currentTarget 모두 이벤트 핸들러(Event Handler)객체로 이벤트를 처리하기 위한 함수입니다.event.target은 이벤트가 발생한 가장 하위 요소를 반환합니다. 즉 이벤트 버블링을 받아 발생하는 자식의 위치. 내

2023년 4월 11일
·
0개의 댓글
·
post-thumbnail

JS - Webpack & Babel

웹팩(Webpack)과 바벨(Babel)은 모두 자바스크립트 프로젝트에서 사용되는 도구들이며, 모듈화된 코드를 관리할 수 있는 기능을 제공한다는 특성을 갖고 있습니다.웹팩(Webpack)은 모듈 번들러(Module bundler) 중 하나로, 웹 애플리케이션을 구성하는

2023년 4월 11일
·
0개의 댓글
·
post-thumbnail

라이브러리, 프레임워크

라이브러리와 프레임워크는 개발자들이 애플리케이션을 빠르고 쉽게 구축하고 유지보수할 수 있도록 도와주는 도구입니다.라이브러리는 애플리케이션 개발에서 필요한 함수나 기능들을 모아놓은 집합체로 해당 함수나 기능들은 다른 프로그램에서 재사용할 수 있습니다. jQuery나 Re

2023년 4월 9일
·
0개의 댓글
·
post-thumbnail

WEB - Ajax & Axios

Ajax는 비동기적으로 서버와 데이터를 주고받는 기술로, 웹 페이지를 새로고침하지 않고도 데이터를 업데이트할 수 있게 해주는 기술입니다.새로고침하지 않고도 데이터를 업데이트 한다구요?일반적인 웹 페이지는 사용자가 어떤 동작을 요청하면 클라이언트가 서버에 데이터를 요청하

2023년 4월 7일
·
0개의 댓글
·
post-thumbnail

WEB - CSR & SSR

WEB1.0 으로 사용자와 상호작용하지 않는 페이지 - 단방향 통신으로 링크를 통한 페이지 이동 정도만 가능하다. 일반적으로 변하지 않는 html파일로 제공WEB2.0 으로 사용자와 상호작용을 하는 양방향 통신이다. 구글 맵, 웹 채팅 등 사용자가 다양한 기능을 수행할

2023년 4월 6일
·
0개의 댓글
·
post-thumbnail

JS - OOP (객체지향프로그래밍)

객체지향 프로그래밍(Object-Oriented Programming, OOP)은 프로그래밍 패러다임 중 하나로, 프로그래밍에서 필요한 데이터와 해당 데이터를 처리하는 함수(메서드)를 하나의 논리적 단위인 '객체'로 묶어서 관리하는 프로그래밍 방식입니다. 높은 코드 재

2023년 4월 4일
·
0개의 댓글
·
post-thumbnail

JS - 이벤트 버블링 & 이벤트 캡처링

자바스크립트에서 이벤트 버블링과 캡처링은 이벤트 모델에서 이벤트가 발생한 요소로부터 상위 요소로 전파되는 방식을 뜻합니다.HTML에서 이벤트는 일반적으로 아래 3가지 단계를 거쳐 전파됩니다. 캡처링 단계: 이벤트가 발생한 요소의 가장 상위 요소부터 시작하여 이벤트가 발

2023년 4월 2일
·
0개의 댓글
·
post-thumbnail

JS - Require vs Import

자바스크립트에서 require와 import는 모듈 시스템에서 사용되는 키워드로 두 키워드 모두 외부 파일이나 라이브러리를 불러올 때 사용합니다. 두 키워드 모두 다른 파일의 코드를 불러온다는 점은 같지만, 다른 문법 구조를 지니고 있습니다. require는 Commo

2023년 4월 2일
·
0개의 댓글
·
post-thumbnail

WEB - SPA VS MPA

SPA (Single Page Application)

2023년 3월 31일
·
0개의 댓글
·
post-thumbnail

JS - forEach vs Map

for문을 대체할 수 있는 함수로, 콜백함수를 인자로 받고 각 요소에 콜백 함수를 실행시킵니다. 즉 자신을 호출한 배열의 모든 요소를 순회하면서 인수로 전달받은 콜백 함수를 반복 호출합니다. 단, 아무 값도 반환하지 않습니다. (undefined) 이렇듯 forEach

2023년 3월 30일
·
0개의 댓글
·
post-thumbnail

JS - 깊은복사 vs 얕은복사

우리가 자바스크립트에서 객체나 데이터의 값을 복사할 때 복사하는 방법에 따라 깊은 복사와 얕은 복사로 나뉩니다.원시값(primitive value)은 변경 불가능한 값으로, 값을 만들어내는 기본적인 데이터 타입입니다. 하지만 변경불가능한 것은 변수가 아닌 값에 대한 진

2023년 3월 28일
·
0개의 댓글
·
post-thumbnail

JS - 동기/비동기처리

callback 함수promise비동기 함수(async/await)제너레이터(Generators)와 yield현재 실행 중인 코드가 종료되기 전까지 다음 줄의 코드를 실행하지 않는 것을 의미합니다. 분기문, 반복문, 함수 호출 등이 동기적으로 실행되며 이 경우 코드의

2023년 3월 28일
·
0개의 댓글
·
post-thumbnail

WEB - Protocol

HTTP(Hypertext Transfer Protocol)은 웹에서 사용하는 통신 프로토콜. 통신 프로토콜은 간단히 말해 상호 간 데이터를 주고 받는 통신을 위해 정의한 규칙(약속)이라고 생각하면 됩니다. 웹에서는 브라우저와 서버 간에 데이터를 주고받기 위한 방식으로

2023년 3월 26일
·
0개의 댓글
·
post-thumbnail

WEB - Browser Rendering Process

브라우저 렌더링은 웹 페이지를 표시하기 위해 사용자가 브라우저 주소창에 URL을 입력하면서부터 브라우저가 수행하는 과정입니다.순서는 아래와 같이 진행됩니다.브라우저는 HTML 문서를 파싱하여 문서의 구조를 이해합니다.DOM 트리를 생성하여 문서의 요소, 속성, 텍스트

2023년 3월 24일
·
0개의 댓글
·
post-thumbnail

JS - this

자바스크립트 예약어 중 하나로 "this"는 현재 실행 중인 함수나 메소드 내에서 참조하는 객체 또는 자신이 생성할 인스턴스를 가리키는 자기참조 변수입니다. JS엔진에 의해 암묵적으로 생성되어 코드 어디서든지 참조가 가능하며, 객체의 메소드 내부 혹은 생성자 함수 내부

2023년 3월 24일
·
0개의 댓글
·