반응형

전체 글 172

언젠가 너와 나

언젠가 너와 나 중에 누굴 선택해야 한다면 나는 너를 고르고 멀리 떠날래 그럼나를 이해해줄까 딱히 도망가는건 아닌데 그냥 그런 나라고 기억 해도돼 사랑했던건 다시못보겠지만 차라리이게 더 나을거야 내마음을 모두 다 말해 줄 수 없나봐 오래 기억 될 무얼 남겨줄게 언젠가 너와 나 중에 누가 멈춰서야한다면 나는 잡은손을 놓고선 숨을래 그럼 내가 미워 보일까 미안한단 맘이 없진 않은데 그냥 그런 나라고 기억 해도돼 사랑했던건 다시 못보겠지만 차라리 이게 더나을거야 내마음을 모두다 말해줄 수 없나봐 오래 기억될 무얼 남겨줄게 사랑했던건 다시 못보겠지만 차라리 이게 더나을거야 내마음을 모두다 말해줄 수 없나봐 오래기억될 무얼 남겨줄게

김광석

김광석씨의 노래는 마음을 울리는 것 같다. 20대 초반때에도, 정말 옛날 노래같음에도 귀에 박히고 마음을 울렸던 김광석의 노래는 20대 후반인 지금이 되어서는 더 강렬하게 다가온다. 정말 다양한 노래들이있는데, 이 노래들은 앞으로 내가 나이들어감에따라 어떤식으로 나에게 다가오게될까. 어렸을때 읽었던 동화책을 나이가 들어 보면 새롭게 보이듯이, 가사의 깊이를 더 잘 느낄 수 있지않을까. 여보 안녕히 잘 가시게 -김광석씨의 노래 '어느 60대 노부부 이야기' 중

Width영역에는 padding이 포함되지 않는걸까?

난감하다 난감해~ 배경 1.reset.css적용 2.css상황은 아래와같음 body { width: 100%; height: 100vh; } header { position: fixed; top: 0; left: 0; width: 30%; height: 600px; padding: 75px; } main { width: 70%; margin-left: 30%; background-color: $signiture_color; #movieContainer { .movie { width: 400px; height: 1000px; background-color: blue; } } } 문제 문제의 화면은 아래와같다. CSS에 맞게 각각의 영역에 이름을 표시해보자면 아래와 같다. Main영역은 margin-left..

재학습/HTML+CSS 2022.03.09

제 취미는 런닝이에요

그렇다. 재삉은 이제 런닝을 취미라고 당당히 말할 수 있다. 헬스장을 가기전 운동을 습관들여놓고, 몸을 구석구석 풀어주고자 시작했던 런닝. 그러나 하면 할수록 근력운동보다 재밌어졌고.. 급기야 런닝 모임을 가입하기에 이르렀다..! 사실 런닝이 즐겁기는 하지만, 계속 혼자 뛰면 15~20분 사이에 그만두고싶어진다. 힘들어서라기보단, 귀찮다는 생각이 들어버린다. 공원을 도는 여러명의 무리를보며, 런닝모임이 있을거라는 확신이 들었다. '같이 거리를 설정하고 뛰면 그 거리까지 뛰겠지?' '같이 속도를 정해두면 그 페이스를 맞추려고 하겠지?' 라는 기대감으로 했다. 어제(3월2일 수)까지 두번째 참여를 했는데 효과는 기대이상.. 너무좋았다..! 매번2~3키로 사이에서 그만뒀고 7~8분대 페이스로 천천히뛰었던 내가..

재습관/운동 2022.03.03

외로움을 극복하는 연습

지금도 어리다면 어린 나이지만, 더 어릴적 20대 초반을 생각해보자면 나는 외로움과 우울함이라는 감정을 외면하고 살았다. 내가 가끔 왜 마음 속 깊이 떨어지는 기분을 겪었는지 내 옆에는 정서적으로 기댈만 한 누군가가 없다는듯한 느낌을 겪었는지 그 이유를 찾지 않았다. 아니다. 이유를 찾으려면 찾을 수 있었을까? 그러나 결과적으로 내가 찾지못한 이유는 항상 주변에 사람들이 많았기 때문이였던 것 같다. 항상 나를 둘러싼 집단이 존재했다. 학교, 학원, 팀, 학생회 등 따라서 알 수 없는 부정적인 감정이 깊이 파고들 때면 그 집단에 속함으로서 애써 그 기분을 털어냈던 것 같다. 그러나 사회인이 된 지금, 더 정확히 말하자면 타지에 홀로 올라와 살고있는 사회인이 된 지금. 그 부정적인 감정은 그대로 나에게 직면..

React Router 왜 계속 Path="/"에 해당되는 컴포넌트만 렌더링될까?

React-Router란? Package : React-Router-Dom React-Router는 React에서의 라우팅 기능을 제공한다. Route요소의 Path속성을 설정하여 각 Path별 컴포넌트를 렌더링 할 수 있다. a요소의 href로 URL을 설정해도 각 URL별로 렌더링을 할 수 있지만, Link요소의 to로 URL을 설정한다면 각 URL별로 새로고침없는 렌더링을 제공할 수 있다 왜 계속 Path="/"에 해당되는 컴포넌트만 렌더링될까? 다음코드를 보자 1번코드 위와같은 코드에서 "/"로 접근할때 "/movie/:id"로 접근할 때 모두 MovieHome이 렌더링된다. 그렇지만 2번코드 위의 코드에서는 "/movie/:id"로 접근할때는 이 렌더링되고, "/"로 접근할때는 이 렌더링된다. ..

재학습/오류 2022.02.12

직장에서는 아무도 미래를 보장해주지 않는다.

이번 회사에서 지금 약 8개월차가 되어가고있다. 지금은 나름 내 포지션을 잡아 뚝딱뚝딱 열심히 하고는있지만, 처음부터 이 서비스를 담당할 '계획'은 아니였다. '계획'이란 팀장님의 인력배치이다. 나는 A서비스와 B서비스, 그리고 C서비스중에 하나에 배치될 예정이였는데, A서비스에 급한 개발건이 추가되어 그쪽으로 급히 투입되었다. A서비스의 담당개발자분과 고군분투하며 완성해내었다. 내 롤모델은 이 때의 담당개발자님이다. 빠른호흡의 개발실력, 파트너사와의 소통, 문의(질문), 문의(답변), 나와의 싱크맞추기, 수시로 거시적인 시각에서의 문제탐색 등.. 너무나 대단해보였다. 그 경험을 계기로 나는 A서비스에 투입되어 그 담당개발자님과 합을마추고 그분의 많은걸 배우고싶었다. 이때 급하게 투입되어 개발한 경험때문..

[React] Uncaught TypeError: Cannot read properties of undefined (reading 'map')

여느때처럼 React복습을 하고있는 재삉. 오늘도 어떤 반가운 오류를 조우하게되었다 Uncaught TypeError: Cannot read properties of undefined (reading 'map') The above error occurred in the component: Uncaught TypeError: Cannot read properties of undefined (reading 'map') ==> 대충 undefined에 map을 사용하고있다라는 뜻 !!! 코드는 아래와같다. (정확히는 {movie.genres.map(... 부분} {movies.map((movie) => ( {movie.title} {movie.summary} {movie.genres.map((genre, id..

재학습/오류 2022.02.03

[React] Select Option의 Value 속성에 Object를 어떻게 다룰 수 있을까?

{coins.map((coin) => { return ( {coin.name} ({coin.symbol}) ); })} 변수 coins : 비트코인객체의 리스트 selectedCoin : 선택된 코인객체 배경 1. select요소 내부에 map을 이용해 출력되는 option은 value속성으로 각 coin객체를 담고 있다. 2. onClickCoinsOptionHandler함수를 통해 셀렉트박스에서 선택된 옵션의 coin객체를 새로운 seletedCoin으로 바꿔주려고한다. 문제흐름 onClickCOinsOptionHandler로 전달된 event객체를 살펴보면 아래와 같다. 선택된 코인객체의 값이 담겨있을 target을 펼쳐보면 아래와같다. (Select박스 내 모든 코인객체와 다른 속성들도 많으니 핵..

재학습/오류 2022.01.28

[React] Each child in a list should have a unique "key" prop.

Each child in a list should have a unique "key" prop. 해당 오류는 리액트를 사용하며, LIST를 JSX를 사용하여 UI에 출력할 때 발생한다. {toDoList.map((element) => { return {element}; })} toDoList라는 Javascript List를 map함수를 이용하여 각 리스트 요소마다를 {element} 로 변환하여 반환해주는 작업이다. 결과적으로는 위와같이 성공적인 동작을 보장하지만, 콘솔에서는 아래와같은 에러 로그가 찍히게된다. 이것은 생성되는 각 요소들마다 unique한 key 속성이 필요하다는 의미이다. 요소들마다 고유의 key값을 넣어줘야 되므로 고민이 있겠지만.. 우리가 사용하는 map함수를 살펴보면 위와같은데,..

재학습/오류 2022.01.26
반응형