제야의 개발메모장

필수 셋팅1. 텍스트의 고정영역을 설정한다. (width 셋팅) 필수 셋팅2. 텍스트 태그의 경우 display 속성이 block 또는 inline-block 또는  -webkit-box 속성이 설정되어야 한다.  ① display : -webkit-box 로 설정 시 (해당 영역을 box 형태로 관리되도록 함)   -webkit-line-clamp: 3;  // 줄수 설정  -webkit-box-orient: vertical; // 박스 영역을 세로 방향으로 설정 overflow: hidden; // 영역을 넘어가는 요소들을 안보이게 ② white-space : nowrap 사용 시 overflow : hidden;  text-overflow : ellipsis; // 텍스트가 범위를 넘어갈 시 말줄임..

안녕하세요, 여러분! Thermo Fisher Scientific의 2024년 4분기 실적 발표 내용을 중심으로 기업의 현재 위치와 앞으로의 계획에 대해 알아보겠습니다. Thermo Fisher는 생명 과학 분야에서 혁신의 선두주자로서 꾸준히 성장하고 있는 기업인데요, 이번 실적 발표에서는 그들이 얼마나 탄탄하게 성장 기반을 다지고 있는지를 알 수 있었습니다.  2024년 하이라이트2024년 Thermo Fisher의 매출은 429억 달러에 달했으며, 조정 영업이익은 97억 1천만 달러에 이르렀습니다. 주당 이익(EPS) 측면에서도 인상적인 성장을 보였으며, 전년도 대비 8% 증가한 주당 $6.10을 기록했습니다. 이는 팀의 탁월한 실행력과 시장 지위를 공고히 다져온 결과라 할 수 있습니다. 이러한 성과..

웹 개발을 하다 보면 새로운 기능이나 개념을 마주치는 경우가 종종 있습니다. 그럴 때면 약간 혼란스럽기도 하고 방향성을 찾기 어려운 동시에 다른 사람들도 아직 모르는 신기한 주제를 발견했다는 흥미로움이 생기곤 하죠. 최근 저는 CSS의 @view-transition at-rule과 관련해 그런 경험을 했습니다. 이 기사에서는 View Transitions에서 중요한 역할을 하지만 덜 알려진 'types' 디스크립터에 대해 알아보도록 하겠습니다. Cross-Document View Transitions란?우선, Cross-Document View Transitions에 대해 간단히 설명하겠습니다. 몇 줄의 CSS로 두 페이지 간의 부드러운 전환을 이끌어낼 수 있는 기능입니다. 과거에는 이런 애니메이션을 구..

커리어 프로필의 혁신: 전통적 이력서의 한계를 넘어 커리어의 새로운 변화를 맞이하다 여러분이 고용 시장에서 한 번쯤 듣거나 사용해본 이력서, 이 도구는 오랜 세월 동안 작업 신청의 핵심 역할을 해왔습니다. 마치 전통적인 명함처럼 말이죠. 간단명료하게 당신의 정체성과 목표를 요약하며, 고용주에게 자신을 소개하는 가장 기본적인 창구였습니다. 한두 페이지 내외로 구성된 이 문서는 한때 금과옥조처럼 여겨지며, 고용주들이 후보자를 직접 평가할 때 신속하고 간단하게 쓰이곤 했습니다. 그러나 빠르게 변화하는 오늘날의 고용 시장에서는 전통적인 이력서가 주목을 받지 못하고 있습니다. 주의 집중 시간이 짧아지고 기술이 결정 메커니즘을 바꿔놓기 때문에, 더 이상 이력서만으로는 충분치 않다는 목소리가 커지고 있죠.  프로페셔..

서두름을 넘어서기# 급할수록 돌아가자: 빠름과 서두름의 차이 여러분, 소프트웨어 개발에도 '급할수록 돌아가라'는 옛말이 어울릴 때가 많습니다. 특히, 디자인과 개발의 접점에서는 더욱 그렇죠. 최근 디자이너인 레이첼 L.이 쓴 기사에서 '무질서한 스티브'라는 비유를 들어 소프트웨어 엔지니어들이 겪는 어려움을 다뤘습니다. 이 글을 통해 우리는 빠름과 서두름의 차이를 배울 수 있습니다.  서두르면 실수, 빠르면 성장레이첼은 완벽주의에 대해 다룬 적이 있고, 이는 결과물의 질에 결정적인 영향을 미친다고 말합니다. 서두름은 문제를 충분히 고려하지 않고 빠르게 결정을 내리는 것이며, 이는 종종 사용자의 필요를 깊이 이해하지 못한 결과로 나타납니다. 예를 들어, 고객이 X 기능을 제거해달라고 요청하면 즉시 실행하는 ..

주목할 주식: Reservoir Media, Inc.에 대한 최근 투자 동향 오늘은 미국의 대표 금융기관 중 하나인 JPMorgan Chase & Co.가 Reservoir Media, Inc.(NASDAQ: RSVR)의 주식을 크게 매입했다는 소식을 전해드리고자 합니다. 주식 시장에 관심이 많으신 분들이라면 이 같은 소식에 귀가 솔깃하실 텐데요, 무슨 일이 있었는지 상세히 살펴보도록 하겠습니다. Reservoir Media, Inc.와 JPMorgan Chase & Co.의 의도JPMorgan Chase & Co.는 3분기 동안 Reservoir Media의 주식 보유량을 161.6% 증가시켰습니다. 이는 추가로 40,484주를 매수해 총 65,537주의 주식을 보유하게 되었다는 것을 의미합니다. 이 ..

최근  200일 이동 평균을 돌파하며 새로운 전환점을 맞이했는데요, 이런 변화는 투자자들에게 어떤 의미가 있을까요? 함께 알아보도록 하겠습니다.  23895 (GKX.V), 향상된 주가 동향23895, 즉 GKX.V는 캐나다 서부에서 에너지와 산업 시설에 초점을 맞추고 있는 Gemini Corporation입니다. 다양한 프로젝트 관리 서비스, 공학적 솔루션, 환경 및 규제 지원 등을 제공하며 종합적인 프로젝트 건설을 담당하는 회사죠. 그런데 최근 GKX.V의 주식 가격이 200일 이동 평균을 넘어서면서 큰 관심을 받고 있습니다.이 주식은 월요일 거래에서 그동안 유지해오던 C$0.04의 200일 이동 평균 라인을 깨고 C$0.05까지 올라갔습니다. 이를 단순한 숫자의 변화로 볼 수 있지만, 사실 이는 시..

안녕하세요, 웹 개발의 아름다움과 수수께끼를 탐구하는 여러분! 오늘은 우리가 매일 사용하는 CSS의 세계에 숨어 있는 몇 가지 실수들에 대해 이야기해보고자 합니다. 많은 웹 개발자들은 CSS 속성을 보면서 "왜 이렇게 되었지?"라고 생각한 적이 있을 것입니다. 예를 들어, z-index가 모든 요소에서 동작하지 않는 이유나, 'interpolate-size'가 auto로 애니메이트되려면 왜 필요한지 의문을 품어본 적이 없으신가요? CSS는 1996년에 태어났습니다. 당시엔 문서에 스타일을 입히는 단순한 도구였으나, 시간이 흐르면서 우리는 CSS에게 더욱 많은 것을 기대하게 되었습니다. 물론 과거의 CSS가 현 시대의 많은 요구 사항들을 충족시키기에는 무리였다는 사실을 인정해야 합니다. 그렇다면, 만약 시..

sass 설치하면서 직감했다. 미래의 나는 분명 이거 까먹는다..... 훗날 또 불나게 검색하기 귀찮아서 나를 위해 남기는 글이다... 1. node.js 설치하기 구글에 node.js 검색해서 들어가서 각자 운영체재 맞는 걸로 설치하셈 2. node.js 깔렸는지 확인하기 윈도우 검색창에 cmd (명령 프롬프트) 치고 들어가서'node -v' 쳐보기.v 어쩌구 저쩌구 나온거면 설치된거임. 3. sass 설치 명령하기 (Dart 버전 Sass ) Dart버전 명령어 : npm install sass -g node버전 명령어 : npm install -g node-sass node버전 설치로 여러번 시도 했는데 자꾸 설치가 안됬다 ㅜ Dart 버전이 있다길래 해봤는데 성공했따 각자 되는 걸로 하자 4. s..

article : 어느 한 페이지에 독립적으로 보여졌을 때 전혀 문제가 되지 않는 고유한 정보를 나타날 때 사용한다. : ex ) 신문기사들 중 독립적인 1개의 기사, 블로그 포스트 중 독립적인 1개의 포스트 section : 연관있는 주제들의 내용들을 묶음화 할 때 사용한다. : h1 등의 제목 태그를 포함하는 경우가 많다. [사용 예시] 건강한 다이어트에 성공한 연예인들 --- 연예인 1에 관한 내용 --- 연예인 2에 관한 내용 내용참고 : youtube [드림코딩 by엘리]