프레임워크와 라이브러리는 모두 소프트웨어 개발에서 유용한 도구입니다.프레임워크는 개발자가 프로그램을 만들 때 사용할 수 있는 구조, 규칙, 인터페이스 등을 제공하고 보통 코드의 구조와 흐름을 결정하는 뼈대 역할을 합니다. 대표적인 예로는 Django, Ruby on R

인터넷에서 데이터를 주고받는 프로토콜 중 하나로, 웹 브라우저와 웹 서버 사이에서 요청(request)과 응답(response)을 교환하는 데 사용요청메시지HTTP Request Method : HTTP 요청 메서드 (GET, POST, PUT, DELETE 등)를 나

CSS의 "position" 속성은 HTML 요소의 위치를 제어하는 데 사용됩니다. "position" 속성은 다음과 같이 네 가지 값으로 설정할 수 있습니다.static: 요소를 문서 흐름에 따라 배치합니다. 위치를 지정하지 않습니다. 이것이 기본 값입니다.relat

캐시는 컴퓨터 시스템에서 데이터를 더 빠르게 액세스하기 위해 사용되는 기술입니다. 일반적으로 데이터를 메모리나 디스크 공간에 저장하고, 이전에 액세스한 데이터를 저장하여 더 빠르게 액세스할 수 있도록 합니다.장점:빠른 데이터 액세스 속도: 캐시에 저장된 데이터는 더 빠

parameter, argument = 매개변수, 인자 라고 한다.함수에 값을 넣자, 함수에 인자를 줘라, 함수에 매개변수가 머야? 라는 말을 뜻도 모르고 쓰고 있었다.확실히 잡고 가겠다!parameter 와 argument 는 함수에서 서로 비슷하지만 다른 역할을 한

RESTful API는 자원을 URI로 표현하고, HTTP 메소드를 사용하여 자원을 조작하는 웹 API 아키텍처입니다. 자원의 표현은 JSON, XML 등과 같은 형식으로 전송됩니다.URI의 설계: 자원을 나타내는 URI는 명확하고 일관적이어야 합니다.HTTP 메소드의

브라우저는 서버에 데이터를 요청한 후html, css, js 를 받는다.html과 css 는 렌더링엔진에서 각각 html 파서, css 파서 를 통해 DOM 트리, CSSOM 트리로 변환된다.이 두 트리를 결합하여 렌더트리를 생성하고 화면에 배치(layout)후 그린다

client 인 브라우저가 렌더링을 처리하는 방식이다. 서버에서 받은 데이터를 통해 클라이언트인 브라우저가 화면을 그리는 주체가 됨.새로고침이 일어나지 않기때문에 유저경험이 좋다.서버에 처음 요청할때 전체페이지를 요청하기 때문에 첫 로딩속도가 느리다.검색엔진최적화(SE

글 작성시 페이지 이동을 방지한다.nextjs 에서 페이지 이동시 router 를 이용하여 이동함.새로고침, router 이동, 뒤로가기를 방지하였다.BeforeUnloadEvent 윈도우 변화 전 이벤트 이용.routeChangeStart 라우터 변화 전 이벤트 이용

데이터를 임의로 지우지 않으면 영구 보존됨.windows 전역 객체의 localStorage라는 컬렉션을 통해 사용됨ex) ID 저장하기, token 저장, 유저의 접속시간 저장SessionStorage는 브라우저의 탭을 닫으면 삭제됨.windows 전역 객체의 ses

최종프로젝트 첫번째 주는 프로젝트를 기획하고 와이어프레임을 짜는데 시간을 다 보냈다.실제 해보지 않은 기능들을 추가하고, 만드는 중간에 고민해야할 부분들을 사전에 계획하여 팀간에 어긋나는 로직이 없도록 하였다.간단한 기능 구현을 위하여 와이어프레임은 UI 로 짯고게시물

함수에 의해 setState가 작동한다면함수 중간에 실행시킨다고 해도 함수의 작동이 끝나고페이지가 재 렌더링 될 때 state의 변경이 일어난다.Firebase storage에 image 를 업로드하고 그 url 을 state에 담아서db에 업로드하는 로직을 짯었다.역

유저가 입력하는 상황, 선택하는 상황을 고려하여 상황마다 유효성 체크를 하였다.어떤 문구를 사용할지 체크해보고 다같이 작성하였다.추후 문서로 정리할 예정이다.추가기능을 계속 생각하면서 이게 될까? 란 회의를 계속 진행하였다.핵심은 알림창 디자인, 신고기능, 댓글의 페이

peer 은 자신의 바로 다음에 올 태그에 효과를 부여한다.input type="radio" 를 사용할 때input 의 체크버튼을 숨기기 위해 label 태그로 input, span 을 묶어준다.이 때, input 에 className 에 peer 을 주어바로 다음 태

1.

1\. \[typescript] input type="file" image, preview, 미리보기(nextJs, React)

image url만 생각하고 string으로 type을 주면 에러발생File type은 File|undefined 기 때문에 선택되지 않음! 상황을 나타내기 위한null 값이 error 발생!그렇기 때문에 type 에 null 을 함께 준다.event type 설정ev

드디어 내일배움캠프의 기나긴 여정을 마무리하는 최종 프로젝트가 시작되었는데, 이 소중한 5주의 기간 동안 모든 팀원들이 함께 최선을 다 하겠다는 의지를 담았습니다. 저희 프로젝트 주제인 혼합주 레시피 추천 애플리케이션을 연상시킬 수도 있는 팀명입니다.최영진 - 리뷰쓰기

빡코딩이번주는 NextJs 로 간단한 나의 포트폴리오를 만들었다. 첫 클론 코딩이었는데 쉽지 않았다. NextJs 의 버전 업데이트, tailwindcss의 미숙함 때문이었다. notionAPI를 활용하였는데 어떤식으로 진행을 했는지 감도 잘 오지 않았다.후에 노션의

2\. notion dataBase 생성 및 Id 확인하기, API KEY 발급받기