위코드 부트캠프 3개월차, 기업협업 인턴쉽에 참여하게 되었다. 🏙 Uiti ![](https://images.velog.io/images/gptn719/post/b91a9c08-7be4-4c45-b2b6-f115209c3aeb/%E1%84%89%E1%85%B3%

2021년은...코딩 잘 하게 해주세요 👩‍💻에러 핸들링 잘 하게 해주세요 🙏유연한 사고를 갖게 해주세요 👁멋있는 사람이 되게 해주세요(멋진 사람에 대한 갈증이 있다ㅎ)내 생각을 기록하는 습관 만들기 !내가 좋아하는 것들을 더 많이 사랑하고 즐기자 !코로나 없어

TS를 이제야 정리하다ㄴㅣ....🤭인터페이스는 일반적으로 타입 체크를 위해 사용되며 변수, 함수, 클래스에 사용할 수 있다.인터페이스는 여러가지 타입을 갖는 프로퍼티로 이루어진 새로운 타입을 정의하는 것과 유사하다. 인터페이스에 선언된 프로퍼티 또는 메소드의 구현을

🤔 import * as React from 'react'? javascript에서 react를 import할 때, typescript에서 react를 import할 때, 각각 Import 구문이 다른 이유는 뭘까용? 우선, command+'react'를 눌러

async & await을 진짜 간단히 정리해보자.asnyc/await 는 비동기 코드를 작성하는 새로운 방법이다.async/await는 promise처럼 non-blocking 이다.비동기 코드의 겉모습과 동작을 좀 더 동기 코드와 유사하게 만들어준다는 것이 가장 큰

협업을 나가서 초기셋팅을 우리가 한 게 아니고 초기세팅이 된 상태에서 클론을 받은 거라 프로젝트의 폴더 구성이 궁금해서 찾아보게 되었다!!Monorepo는 여러 프로젝트의 소스 코드를 관리하는 데에 하나의 저장소(repository)만 사용하는 것을 의미한다.examp

웹팩은 자바스크립트 모듈 번들러의 한 종류이며 라이브러리의 형태입니다. 일반적으로 어떤 웹어플리케이션의 코드의 수가 많아지면 보통 협업 및 유지보수 등의 이유로 코드를 분할하여 관리합니다.이렇게 되면 웹 어플리케이션에서 수 많은 자바스크립트 파일을 로딩하게 되고 이는

체크박스... 이게 뭐라고... 이렇게 구현하기가 힘든건지... 아무리 뒤져봐도... 체크박스 나오긴 하지만,,, 도무지 이해할 수가 없어서 내가 아주아주 이해하기 쉽게 써보려고 하는데 잘 쓸 수 있을진 모르겠다 ㅎ만약에\~~ allNecessaryChecked

(갓현지님이,,, 만들어주신 귀여운 O9O9 로고...🥰 너무 귀엽잖아...) > G9 👉 O9O9 프로젝트 현재 이베이코리아에서 운영중인 커머스사이트 G9를 클론해보는 프로젝트이다. > 🤔 왜 G9야?? ui가 너무너무 깔끔, 간결하고 예쁘다! 제품이

G9 페이지 클론코딩중,,,1\. 로그인 페이지2\. 회원가입 페이지3\. 장바구니 페이지👩‍🔧 장바구니 리스트 안에 있는 -, + 수량 조절하는 버튼 누르면 조작되는 기능 ! 후에, 걸어줄 컴퍼넌트로 내려준다.컴퍼넌트에서 가져오면 끝 !플러스버튼도 똑같이 하면 됨

👩‍💻 React로 구현해 본 위스타그램 코드 정리! 로그인페이지 👀 아이디, 패스워드에 특정 조건 걸어주고, 충족시 메인페이지로 이동 우선, input박스에 친 텍스트의 값을 가져와야 한다. input박스에 onChange를 걸고 handleInputValu

오 나 드디어 인스타 클론 코딩 마쳤다! 우여곡절 끝에 마친 내 첫 프로젝트🌝 너무 작고 소중해...🥳 내자신에게 박수를👏👏👏👏👏 오늘은 그런의미에서 (혜)수(회)고록을 써보려고 한다. 우선 결과물부터 ! 로그인페이지 메인페이지 ![](https://i

오늘하루도... 눈 깜빡할 새에 지나갔다...하루의 마무리,, 오늘 배운 것 정리,,지속적으로 데이터가 변화하는 대규모 애플리케이션 구축하는 것을 목표로 2013년 Facebook에서 개발한 Library. MVC(Model-View-Controller) Archite

🌝 JS에서 객체를 생성하는 방법에는 여러가지가 있다.중괄호{}를 사용하여 객체를 생성하는 방법person은 name, email, birth 프로퍼티를 갖는 객체리터럴 방식으로 객체를 정의할 때는 중괄호{ } 안에 프로퍼티 : 값의 쌍을 입력하고 쉼표(,)로 프로퍼

🌝 HTTP는 HyperText Transfer Protocol🌝 컴퓨터들끼리 HTML 파일을 주고받을 수 있도록 하는 소통방식 또는 약속, 통신 규약1\. Request & Respose: 통신의 핵심, HTTP 요청은 프론트엔드(클라이언트)에서 백엔드(서버)에

http 네트워크 통신 확인API 크롤링, 페이지 로딩 성능 테스트이미지, 영상 등의 소스 확인(mock data 활용)네트워크 패널은 서버와 클라이언트간의 HTTP 통신 과정을 확인할 수 있는 중요한 탭이다.통신에 문제가 있다면 요인이 무엇인지 요청객체와 응답객체를

1. Semantic Web > - 컴퓨터가 의미를 이해할 수 있는 웹 컴퓨터가 이해할 수 있는 형태의 새로운 언어로 표현해 기계들끼리 서로 의사소통을 할 수 있는 지능형 웹 semantic은 '의미의', '의미론적인' 이란 뜻을 담고 있다. 즉, 유저가 입력한 단

🧐 CSS 레이아웃을 잡는 데 사용하는 또 하나의 CSS 프로퍼티 👉 float;float는 이미지 주위를 텍스트로 감싸기 위해 만들어진 것clear 프로퍼티는 float의 동작 방식을 제어해준다물 흐르듯이 배치되는 float를 중지해줌 !!속성값: left, ri

display는 CSS에서 레이아웃을 제어하기 위한 가장 중요한 프로퍼티이다.모든 엘리먼트에는 엘리먼트의 유형에 따라 기본 표시값이 있다. 대부분의 엘리먼트에 대한 default값은 보통 block이나 inline으로 지정되어 있다.div는 표준 블록 레벨 엘리먼트이다

🧐 CSS Position Property에 대해서 정확하게 정리해 보자.예쁜 프론트엔드를 만들기 위해서는 박스를 적재적소에 놓는 것은 필수다!CSS 레이아웃을 짜다 보면, 레이아웃이 내가 원하는 대로 위치에 있는 것처럼 보였으나, 화면 크기를 조절하면 망가지는 경우