https://wildeveloperetrain.tistory.com/146 Javascript Cookie 쿠키 저장, 가져오기, 삭제 함수 쿠키(Cookie) 개념, 본격적으로 코드를 보기 전에 쿠키(Cookie)의 개념부터 간단하게 살펴보면, HTTP 쿠키는 웹 브라우저(web browser)에 저장되는 4KB 크기를 가진 문자열입니다. 기본적으로 HTTP 프로토콜 wildeveloperetrain.tistory.com
전체 글
https://burndogfather.com/271 카카오톡/라인 인앱브라우저에서 외부브라우저 띄우기 (2023.09.21 최신 - inapp browser bypassing) 이전부터 카카오톡 등과 같은 메신저에서 인앱브라우저를 강제하는 불합리한 조치를 우회하기위해 다양한 방법을 이 블로그에 포스팅해왔었다. ftp프로토콜을 활용한 우회방법 : https://burndogfath burndogfather.com https://brunch.co.kr/@b30afb04c9f54dc/45 카카오톡은 왜 인앱 브라우저를 고수할까 인앱브라우저와 인앱결제에 대하여 | 카카오톡,인스타그램은 왜 인앱 브라우저를 고수하는걸까? 친구가 카카오톡으로 공유해준 인스타그램 게시글 링크를 선택하면, 인스타그램으로 바로 넘어 b..
const Component = () => { const [genderMale, setGenderMale] = useState(null); const [genderFemale, setGenderFemale] = useState(null); ////////// 성별 변경(남자) const ChangeGenderMale = () => { setGenderFemale(false); setGenderMale((prev) => !prev); }; ////////// 성별 변경(여자) const ChangeGenderFemale = () => { setGenderMale(false); setGenderFemale((prev) => !prev); }; return ( 남자 여자 ); }; const GenderBut..
https://codingbroker.tistory.com/66 [HTML, CSS] 스크롤바 스타일(디자인)하는 방법 - webkit-scrollbar 스크롤바 스타일에 관한 웹표준은 존재하지 않습니다. 다만 wekbit 브라우저(크롬, 사파리, 오페라)에 한해서 가상요소를 사용하여 스타일을 적용할 수 있습니다. 다음과 같이 스크롤바가 생성된 codingbroker.tistory.com
// index.css 에 추가 html, body, #root { width:100%; height:100%; }
What 비동기 처리란? 자바스크립트의 비동기 처리란 특정 코드의 연산이 끝날 때까지 코드의 실행을 멈추지 않고 다음 코드를 먼저 실행하는 자바스크립트의 특성을 의미한다. Why 왜 비동기 처리 특성을 갖는가? 클라이언트에서 서버로 데이터를 요청했을 때 서버가 언제 그 요청에 대한 응답을 줄지도 모르는데 응답을 줄 때까지 다른 코드를 실행 안 하고 계속 기다릴 수는 없기 때문이다. 예로 만약 클라이언트에서 서버에 보내는 요청이 100개일 경우에 비동기 처리가 아니고 동기 처리 방식이라면 데이터 요청과 응답 대기를 반복하여 실행 속도가 느려질 것이다. How 어떻게 해결하는가? async와 await는 자바스크립트의 비동기 처리 패턴 중 가장 최근에 나온 문법이 있다. 이는 기존의 비동기 처리 방식인 콜백..
https://velog.io/@lire_eruel/Objects-are-not-valid-as-a-React-child-found-object-Promise-%EC%97%90%EB%9F%AC-%EC%9B%90%EC%9D%B8-%EB%B0%8F-%ED%95%B4%EA%B2%B0 Objects are not valid as a React child (found: [object Promise]) 에러 원인 및 해결 평화롭게 React를 하던 개발자 A.... 뜻밖의 에러를 맞닥뜨린다....! Objects are not valid as a React child (found: [object Promise]) 에러를 만드는 코드의 예시는 다음과 같다. (회사 코드라 첨부할 수 velog.io
import React from "react"; const Main = () => { const arr = ['사과', '배', '오렌지', '복숭아'] // map을 통한 컴포넌트 렌더링 함수 // 매개변수로 전달된 배열의 요소를 하나씩 꺼내어 컴포넌트로 변환해 리턴한다. const PracticeMap = (arr) => { return ( {articles.map((item, index) => { // map 내부에서 변수 선언, 함수 호출 가능 return ( {index}번째 과일은 {item}입니다. ); })} ); }; return ( {PracticeMap(arr)} ); }; export default Main; https://goddaehee.tistory.com/303 [React]..