오늘은 HTML 헷깔리는 부분이나 모르는 부분 정리해보자!<section>과 <article>의 차이HTML폼은 사용자와 웹사이트 또는 어플리케이션이 서로 상호 작용하는 것 중 중요한 기술 중에 하나이다.폼은 사용자가 웹사이트에 데이터를 전송하는 것을 허용한

HTML태그의 대해서 알아보자 ❗️<header> 헤더 영역<main> 메인 영역<section> 콘텐츠 영역<aside> 사이드 바 영역<footer> 푸터 영역<nav> 네비게이션 영역 / 문서 내 다른 위치, 다른 문서로 연결할 때

요새 또 블로그를 게을리하고 있었는데 다시 차근차근 써보도록 하겠습니다. 기본기가 많이 없어서 한동안은 React의 기본적인 Hook 이나 메서드 같은 걸 공부하도록 하겠습니다.일반적으로 함수형 컴포넌트 내부에서 발생하는 side effect를 처리할 때 React 모

사수분께 들었던 취업준비 방법을 짧게 정리해보았습니다. 기업협업을 나가있는 곳에 사수분께서 취업방법과 공부방법을 여쭤봤는데 친절하게 이것저것 자세히 알려주셔서 벨로그에 정리해둘려고 합니다. ⭐️ 공부/취업준비 방법 ⭐️ 1. 내가 쓰는 코드 한 줄 한 줄을 모두

변명 중에서도 가장 어리석고 못난 변명은 "시간이 없어서"라는 변명이다. -에디슨- 잠깐의 2021년 회고 블로그를 작성하기전에 현재의 내가 느끼고 있는 것들의 대해서 잠시 얘기를 해보겠다. 나는 2달전에 부트캠프를 들어와서 현재 기업협업을 나와있다. 부트캠프에 다

기업협업에서 백엔드와 API통신을 하던 중 에러를 마주하게 됐는데...현재 프론트엔드, 백엔드를 분리하여 프로젝트를 진행하던 중 둘 다 로컬서버로 run server를 하였는데이러한 에러가 뜨면서 진행이 안되는 일이 발생하였다. 많은 검색을 해본 결과 이것이 CORS

타입스크립트 부수기!JS문법 그대로 TS에서 사용가능타입스크립트 이용방법nodejs 최신버전 설치터미널에 npm install -g typescripttsconfig.json 만들고어쩌구.ts파일에 코딩시작터미널에 tsc-w 해둔 채로변수에 타입지정가능변수에 실드를 씌

타입스크립트를 알아보자!타입스크립트는 자바스크립트의 React 컴포넌트다 ? => tsx사용reducer, redux등 jsx가 아닌 파일이다? => ts사용React 컴포넌트인데 .ts 를 쓰면 에러가 난다.부모 컴포넌트에서 자식 컴포넌트에 props 전달 시 자식이

이번 프로젝트를 진행하면서 모달창을 두 번 만들었는데 이번에 만들었던 코드를 올려봅니다.

"내 자신에 대한 자신감을 잃으면, 온 세상이 나의 적이 된다." -랄프 왈도 에머슨- 이번 프로젝트 회고도 좋은 명언으로 시작하겠습니다. 2차 프로젝트를 진행하면서 작업적으로도 힘들지만 정신적으로 힘들때가 있었습니다. 그때마다 이 명언을 보면서 견뎠던 기억이 납니다

프론트 마지막 세션데이터의 흐름이 복잡하기 때문에 데이터의 흐름을 제약할 필요가 생겼습니다.그래서 상태 변화가 일어나는 시점과 형태에 제약을 두어서 상태 변화를 예측 가능하게 만들고자 시도을 한 것입니다. 단방향 데이터 바인딩을 하는 Flux패턴의 자바스크립트 구현체

React로 페이지네이션을 라이브러리로 구현해보았습니다.많이 해매가지고 제가 어떻게 구현을 했는지 차근차근 써보겠습니다.1차 프로젝트때는 무한스크롤을 구현하였고 2차 프로젝트에서는 페이지네이션을 구현하게 되었습니다. 좋은 라이브러리가 많이 있었는데 그 중에서 react

React slick 을 이용하여 Carousel을 구현해보자!라이브러리를 사용하는데도 시간이 오래걸렸고 이것을 정리해서 올려봅니다.2차 프로젝트를 시작하면서 슬라이드(캐러셀)을 구현해야하는 일이 생겼고, 이것을 라이브러리로 적용해보자는 마음을 먹고 구현을 해보았습니다

React로 구현하게 된 카카오 소셜로그인에 대해서 작성해보도록하겠습니다.REST-API말고 자바스크립트 팝업로그인으로 구현하였습니다.저처럼 서성이는 분들께 도움이 되길 바라면서 작성해보았습니다.💻 사용한 것: React / style-component / kakao

스크롤바를 최상단으로 고정하기인디케이터란?일의 현황/사정 변화 등을 나타내는 지표를 말합니다. 스크롤을 하면 상단에 게이지가 쌓이면서 어느정도 스크롤링이 됐는지를 보여주는 것입니다. 라이브러리 없이 구현하기..!검색해서 여러가지를 보았지만 방법은 의외로 간단했습니다.s

프로젝트를 진행하면서 알게 된 무한스크롤을 되짚어보겠습니다.정보를 한번에 가져와서 보여주기엔 정보량이 너무 많아서 API fetch로 받는 결과가 느릴 때, 스크롤을 통해서 아주 작은 일부분만 가져와서 추가로 보여주는 기술을 말합니다.즉, Scroll End 지점까지

인내하라, 경험하라, 그리고 희망을 가져라 - 조셉 에디슨제가 좋아하는 명언으로 글의 시작을 알려보았습니다. 첫 프로젝트를 시작하고 마친 현재에 시점에서 저를 다시 돌아보게 하는 문장입니다.인내하고 경험하고 희망을 가지는 사람이 되기 위해 항상 감사하는 마음을 가지겠습

이번 프로젝트를 진행하면서 알게 된 것들을 작성합니다.fetch 파일은 하나의 useEffect에 적어도 됩니다. , 가 없으면 무한랜더링이 일어납니다.반드시 작성해야합니다.모든 함수는 return 안에 존재해야합니다.Component의 이름을 작성하고 useState

1차 프로젝트를 하면서 느낀점월요일부터 1차 프로젝트를 시작하였습니다. 저희팀은 작가로 선정된 사람들이 글을 올릴 수 있는 '브런치'라는 사이트를 클론코딩합니다.제가 맡은 부분은 포스팅페이지와 리스트페이지입니다. 상단바 / 헤더 / 본문 / 작가소개란 / 추천 글 리스

너무 바빠서 블로그 안쓴지 오래됐다. 힘내서 블로그 정리하기 React state 변경하는 법 onClick 이벤트 안에는 무조건 { 함수 } 만을 넣을 수 있습니다. onClick ={ 제목바꾸기() } 이건 함수를 바로 실행하라는 뜻입니다. 소괄호는 빼는 것이