분류 전체보기 (274) 썸네일형 리스트형 [article] ‘신경 끄기의 기술’ 마크 맨슨 인터뷰 from 김지수의 인터스텔라 -하지만 누가 쾌락보다 고통을 먼저 계산하겠나? “실제로 우리는 만족감에 젖어 있기보다 고군분투하면서 생의 대부분 시간을 보낸다. 사는 건 어차피 고군분투다. 원하는 것을 이뤘더라도 고통과 문제는 계속된다. 문제없는 삶이란 없으니까. 그래서 질문해야 한다. 나는 어떤 종류의 고통을 견딜 수 있나? 어떤 것이 내게 가치 있는 고통인가? 고통을 당연한 것으로 여기고, 뇌가 신경 끄도록 자동으로 만든 패턴이 좋은 습관이고 루틴이다.” -그런데 당신은 마약과 파티와 술로 인생 초반을 탕진했다고 고백하지 않았나? 좋은 습관과는 거리가 멀었던 거로 아는데. “맞다. 일찍부터 인생의 쓴맛을 봤다. 십 대 때 가방에 숨긴 마약을 들켜서 퇴학당했다. 당시 나는 기능이 결여된 가족과 부모님에게 화가 나 있었던 것 같다. .. [JS] How Promise works 이 자료는 아래의 블로그에서 가져온 정보입니다. https://lydiahallie.framer.website/blog/promise-execution Promise의 Process a new promis object is created in memory. the promis object contains some internal slots( [[PromiseState]], [[PrmiseResult]], [[PromiseFulfillReactions]], [[PromiseRejectReactions]], [[PromiseIsHandled]] [[PromiseFulfillReactions]], [[PromiseRejectReactions]] These fields contain something calle.. [ React/ 원리 ] Basic, DOM by declarative DOM(선언적 DOM) 목차1. 명령적 코드 vs 선언적 코드2. 어떻게 React는 버추얼 돔으로 HTML을 그리는가2-1. POJO code2-2. Component2-3. Props2-4. JSX2-5. FRAGMENT & HTML AUTHORING2-6. FIBER AND RECONCILIATION HTML TREEchildren that is one object knows where another object is located in memory we represent that visually some arrows. The Document Object Model(DOM)a collection of objects in the comuputer's memory that represent the HTML elements .. [article/AI]Where is the A.I heading? Of course, there is the argument that new technology improves our standard of living in the long term, which makes up for the unemployment that it creates in the short term. This argument carried weight for much of the post-Industrial Revolution period, but it has lost its force in the past half century. In the United States, per-capita G.D.P. has almost doubled since 1980, while the median hous.. [Javascript/Json] Json 데이터를 만들기 위한 크롤링 최근에 누군가가 콘솔에 스크립트를 써, 정보를 추출하는 것을 보고 나도 따라해 봤다. json 데이터 만들려고 코드 작성(ai+코드 좀 수정)유용하다. 이렇게 간단한 데이터를 추출해 봤다. // Select all product tiles var productTiles = document.querySelectorAll('.product-tile'); // Iterate over each product tile productTiles.forEach(function(tile) { // Get the title var title = tile.querySelector('.tile-body .pdp-link').textContent; // Get the image URL var imageUrl = tile.que.. [Js/format ] 날짜, 통화 데이터 등의 정보를 변환해주는 함수 통화(ts)const CURRENCY_FORMATTER = new Intl.NumberFormat(undefined, { currency : "ko", style:"currency",})export const formatCurrency = (number : number) =>{ return CURRENCY_FORMATTER.format(number)} 출처 : 직접 날짜예를 들어, 현재 날짜를 한국 사용자들을 위한 형식으로 변환하고 싶다면 DateTimeFormat() 생성자로 포맷터를 생성한 객체의 format() 함수를 호출하면 됩니다.> const koDtf = new Intl.DateTimeFormat("ko", { dateStyle: "long" });undefined> koDtf.format(.. [Video/AI] 실리콘벨리 한기용 선생님의 실패 이야기 최근에 AI 글을 일고 2차 wave대한 고민을 하게 됐다. 이상하게 다른 곳에서(?) 나름의 좋은 해안을 얻었다. '내 직업만 위험한게 아니다. 모든 직업이 위험하다. 고로 지금이 가장 좋은 타임아닌가? 내가 원하는 것을 하기에' [article/AI] 2번째 AI 물결은 비루틴적(non-routine)인 것들이 목표가 된다. 글의 내용은 현재 1의 물결은 이미 우리 삶에 많은 부분을 대체하고 있다고 하고 있다. 특히 루틴적이 일(a job)들이 대체되고 있다고 했다. 다만 2번째 물결은 비루틴적인 일들이 대체될 것이라고 했다. 예를들어, DB 설계, 글쓰기는 일, 그래픽 디자인 등 고소득일도 점점 AI에 대체될 것으로 예상했다. the second wave of AI adoption could impact non-routine tasks involving the creation of databases, copywriting and graphic design, However, the second wave of AI adoption could impact non-routine tasks involving the creation .. [npm/redux] redux 잘 못 깔아서 안된다고 징징 npm install을 잘못해서 list 확인 후 다시 설치 (전 / 후) 비교 npm list redux 최초 잘못 설치했을 때, 잘 설치했을 때, 차이가 발생한 지점 npm install redux npm install react-redux [Book] '제정신이라는 착각' 제정신이 아니라고? 무슨 뜻이지? '제정신이 아니다'라고 말한다. 이런 사람은 머릿속에서 말도 안 되는 망상을 지어낸다. 말도 안 되는 생각을 믿거나 황당한 이야기를 확신한다. 따라서 '제정신이 아닌' 사람들은 우리 눈에는 사실이 아니거나 터무니없게 생각되는 것을 사실이라고 굳게 확신한다. 이런 확신은 그의 말과 행동에서 표시가 난다. 뭔가를 확신하면 보통 그 확신에 의거해 행동하기 때문이다. 요컨대 우리는 우리가 보기에 현실과 전혀 맞지 않는 확신을 가지고 있는 사람, 그리고 그에 따라 행동하는 사람을 제정신이 아니라고 말 하는 것이다. 나는 여기서 의식적으로 확신이라는 용어를 사용한다. 독일어 사전 《두덴 Duden》에 따르면 확신은 "확고하고 흔들리지 않는 (…) 의견 혹은 확고한 믿음"을 말한다... [grid/flexbox] justify-items and align-items 차이란? gird axis 축의 main 중심이냐 아니면 block 중심이냐 차이 justify-items: CSS 그리드의 justify-items 속성은 그리드 셀 내의 인라인(main) 축을 따라 그리드 항목을 정렬하는 데 사용됩니다. 이 속성은 행 축을 따라 그리드 컨테이너 내부의 모든 그리드 항목의 정렬에 영향을 줍니다. The justify-items property in CSS Grid is used to align grid items along the inline (main) axis within their grid cells. It affects the alignment of all the grid items inside the grid container along the row axis. ali.. [book] 감정의 발견 모든 감정은 내면에서 무슨 일이 일어나고 있는지 알려주는 중요한 정보원이다. 인간 의 복합적 감각이 몸과 마음, 바깥세상에서 소식을 가져오면 뇌가 이 를 정리하여 분석한 뒤 표현해 낸다. 이것이 바로 '감정'(feeling)이다.https://product.kyobobook.co.kr/detail/S000001919282 감정이 중요한 이유"스트레스는 인간을 투쟁-도피 상태에 빠뜨려 장기적으로 건강 유지 및 회복 기능을 떨어뜨린다." 스탠퍼드 대학교 로버트 새폴스키 (Robert Sapolsky) 교수가 저서 《행동하라》(Behave)에서 한 이야기이다. 또한 그는 만성 스트레스의 결과를 다음과 같이 설명했다. "기억력과 정확도가 떨어지며, 쉽게 피로해져서 우울해지고 생산성이 저하된다." 집단 괴롭힘 같.. [react] onChange 와 onClick React Calendar library 쓰다가 onChange event handler 가 자동으로 props 를 전달한다는 것을 알게 되어서 onClick 도 자동으로 넘기나요? 물어보니까 그렇다고 함. @_@ 출처 : ChatGPT In React, both onChange and onClick event handlers automatically receive event objects as their first arguments, but they behave differently in terms of passing additional arguments. 둘의 차이는 뭘까? onChange: 입력 필드나 선택 요소와 같은 폼 엘리먼트에 onChange를 사용하면 React는 자동으로 이벤트 핸들러에 .. [react/reduxToolkit] configureStore( { } ) 중괄호를 넣는 이유 지식이 짧아서 reduce만 넣을 수 있는 줄 알았는데, 다른 추가 기능이 있었군요. import { configureStore } from '@reduxjs/toolkit'; import rootReducer from './reducers'; const store = configureStore({ reducer: rootReducer, middleware: (getDefaultMiddleware) => getDefaultMiddleware().concat(myCustomMiddleware), devTools: process.env.NODE_ENV !== 'production', // Other configuration options... }); export default store; 참조 chatGPT [React] React-Router-Dom, Header를 넣을 수 있는 위치는? 인터넷에서 배우는 것과 달리 공식 홈페이지 권장하는 방식으로 Router 방식을 바꾸니까 를 어디에 넣어야 할지 몰라서 일단 테스트 중. 나의 질문은 2가지 1. Root component(공식 홈페이지 명칭) === App component 인가? 2-1. component는 필요한가? 2-2 component는 어디에 위치시켜야 하는가? 현재 진행형 질문 : 2024.03.07 main.jsx(index.js)는 아닌 듯 작동 안 함 공홈에서는 Root Component라고 쓰는거 같은데 여기선 난 App으로 처리 해보기로 했다. component에서는 작동 [React]네이버 api 로그인 client(로그인 버튼)/back(callback 통신) 저는 client 에서 로그인 버튼을 만들고 여기서 인증을 받으면 back으로 보내서 callback을 처리하는 방식으로 진행하였습니다. client 도음 받은 사이트 : https://choijying21.tistory.com/entry/%EB%A6%AC%EC%95%A1%ED%8A%B8-%EB%84%A4%EC%9D%B4%EB%B2%84-%EC%86%8C%EC%85%9C%EB%A1%9C%EA%B7%B8%EC%9D%B8-%EA%B5%AC%ED%98%84%ED%95%98%EA%B8%B0%ED%94%84%EB%A1%A0%ED%8A%B8-%EB%B6%80%EB%B6%84-%EB%84%A4%EC%95%84%EB%A1%9C back 도움 받은 사이트 :https://koreankoder.tistory.com/14 .. [react] 반복문 2가지 방법 for loop == map [react] redux store createSlice 가져오기 오류 초보라 그런지, 유튜브 내용을 그대로 따라 했는데, 오류가 떴다. No reducer provided for key "auth"라고 한다. 그런데 아마도 const store 안 reducer { authSlice.reducer } 라고 써서 생긴 오류라는 것을 확인 했다. reducer를 제거하니까 문제가 해결되었다. 왜 그런 이슈가 생긴건지 아직 확인 하진 못했다. 요즘 npm 버전 이슈로 계속 npm 지웠다가 깔았다 반복하니까. 이제 대략 어떤 느낌으로 오류가(?) 발생하는지 알겠더라.. 이것 또한 유사하게 흘러가려나 보다...ㅠㅠ [react/props] props 방식 글 업데이트 일자:2024.02.22 props를 자식에게 전달할 수 있는 방식은 다양한다. 1. useState 2. native Mehtods 3. customized things props으로 사용자 만든 이벤트 함수를 전달 할 수 있다. onChangeMode={ () => { setIsDark(!isDark)} } 개인적으로 나는 isDark, setIsDark를 전달 다만, 현재 작동을 하는 페이지에서 어떤 작동이 일어나는지 알 수 있는게(코드 읽기 좋은 것은) 하는 onChangeMode(개인화 된 함수) 전달이 중요 mac 권한 설정 해제 추가적인 이슈 해결책 권한 설정 disable https://m.blog.naver.com/5341287/221697740777 https://stackoverflow.com/questions/32659348/operation-not-permitted-when-on-root-el-capitan-rootless-disabled 이전 1 2 3 4 5 6 7 ··· 14 다음
