💼 프로젝트명 : B2Tech 근태 관리 프로그램 (1) 프로젝트 소개 근태 등록, 근무제 선택 및 신청, 연차 등 휴가 관리, 초과 근로 관리 및 수당 지급 등 인사 업무 시스템 개발 프로젝트 기업 자체에서 현재 외부 공용 단말에 휴대폰번호 뒷자리(4자리)입력을

인테리어 가구, 소품을 판매하는 사이트카테고리, 신제품, 가격, 색상 등에 따라 상품을 볼 수 있는 필터 기능을 제공1주차 Sprint : 전체 레이아웃 구현 및 컴포넌트화2주차 Sprint : 컴포넌트 별 기능 구현, 프론트와 백엔드 간 API 통신, conflict

Docker(도커) : 컨테이너 가상화 시스템<출처> wecode(코딩 부트캠프) 세션

Unit Test : 유닛 테스트란, 내가 작성한 코드의 가장 작은 단위인 함수를 테스트하는 메소드 입니다. 그래서 내가 작성한 로직 을 테스트하는 유닛테스트 코드를 짜서 테스트하게 됩니다.지금까지는 주로 프론트는 크롬브라우저를 띄워서 실제로 동작시켜보는 \*\*E2

<출처> wecode(코딩 부트캠프) 세션

<출처> wecode(코딩 부트캠프) 세션

\[1차 프로젝트] 초기 세팅 과 거의 동일

1\. communication(소통) 이란 \-> Backend의 작업을 고려하는 Frontend \-> Frontend의 작업을 고려하는 Backend 2\. 프로젝트 결과물 보다는 과정에 집중

AWS(Amazon Web Service)는 무엇인가?왜 AWS(Amazon Web Service) 인가?클라우드 컴퓨팅(Cloud Computing)이란?왜 클라우드 컴퓨팅(Cloud Computing)을 사용하는가?(1) Datacenter 렌트 비용 지불 필요 (

1\. 동적 라우팅(Dynamic Routing) : 라우트 경로에 특정 값을 넣어 해당하는 페이지로 이동할 수 있게 하는 것(ex. 상품 목록 페이지에서 상품 상세 페이지로 이동할 때 활용되는 기능) 2\. 사용자 브라우저에 입력되는 URL 주소 vs. 백엔드에 요

RESTful API (또는 RESTful URL) : 현재 사용되고 있는 API 설계 규칙 가운데 가장 널리 사용되고 있는 규칙리소스(HTTP URI로 정의된)를 어떻게 한다(HTTP Method + Payload)를 구조적으로 깔끔하게 표현REST(REpresent

개발자 도구에 있는 다양한 panel(tab)의 종류와 기능 파악Elements 패널을 통해 웹 페이지 구성과 구성 요소들의 스타일 확인Console 패널을 통해 자바스크립트 코드를 브라우저에서 즉시 실행Network 패널을 통해 네트워크 상으로 주고 받는 데이터 확인

🙂 프로젝트 세팅 1\. 팀 이름 정하기 : github repo. 생성용 국문/영문 이름 2\. Planning Meeting : 한 sprint(=1주) 동안 할 일에 대한 미팅. 매주 월요일 진행 3\. Trello 세팅 : 트렐로에 프로젝트 생성 후

1\. 전체적인 흐름2\. fetch 함수3\. Backend와 통신1) 유저가 이메일을 입력. Email Input의 onChange 함수가 실행2) onChange 함수에서 Email Input의 value를 setState를 통해 업데이트3) 유저가 비밀번호를 입

1\. 인증이란? : 유저의 identification을 확인하는 절차(유저의 아이디와 비번을 확인하는 절차) 2. 단방향 해쉬 함수(one-way hash function) : 원본 메시지를 변환하여 암호화된 메시지인 다이제스트(digest)를 생성. 원본 메시지로

Linux와 Terminal은 현대 개발자의 필수품 => 프로그램이 배포되고 동작하게 되는 환경이 바로 Linux OS가 설치된 서버이고, 그곳에서 명령어를 전달하는 수단이 바로 Terminal이기 때문리누스 토발즈(Linus Benedict Torvalds, 69년

(1) 1세대 웹 - 전통적인 Web System Architecture. 정적 웹.(2) 2세대 웹 - User Interaction 의 증가. 동적 웹(자바스크립트)(3) 3세대 웹 - SPA(Single Page Application) - 구별되기 시작하는 Fro

리팩토링은 무엇인가? 소프트웨어의 겉보기 동작은 그대로 유지한 채, 코드를 이해하고 수정하기 쉽도록 내부 구조를 변경하는 기법리팩토링은 왜 하는가?1) 유지보수가 쉽도록2) 확장성 있도록3) 불필요한 복잡함이 없이 가독성 향상 되도록console.log는 테스트를 할

HTTP(HyperText Transfer Protocol)는 웹서비스 개발자라면 당연히 알고 있어야할 핵심 프로토콜이다.HTTP 통신은 어떻게 구성되고 사용되어야 하는지 알아보자.< KEY Point >1\. HTTP 는 컴퓨터 끼리의 소통을 위한 통신규약이다.

position 속성은 웹 문서 안의 요소를 자유자재로 배치해 주므로 HTML과 CSS를 이용해 웹 문서를 만들 때 중요하다.position 속성을 이용하면 텍스트가 이미지 요소를 나란히 배치할 수도 있고 원하는 위치를 선택할 수 있다.문서의 흐름에 맞춰 배치하며, 기