본문 바로가기

분류 전체보기

 (274)
[Front-End]HTML에서 토큰화와 어휘분석? 브라우저에서 HTML의 맥락에서 토큰은 마크업 언어의 가장 작은 개별 단위를 의미합니다. 브라우저는 HTML 문서를 구문 분석할 때 콘텐츠를 토큰으로 분류하고, 이 토큰은 DOM(문서 객체 모델) 트리를 구성하는 데 사용됩니다. HTML 구문 분석에는 네 가지 주요 유형의 토큰이 있습니다: 시작 태그: HTML 요소의 시작을 나타냅니다. 여기에는 태그 이름과 요소와 관련된 모든 속성이 포함됩니다. 끝 태그: HTML 요소의 종료를 나타냅니다. 태그 이름 앞에 슬래시(/)가 오는 태그 이름으로 구성됩니다. 코멘트: 문서의 HTML 주석을 나타냅니다. 로 끝납니다. 문자: HTML 요소 내의 일반 텍스트 또는 콘텐츠를 나타냅니다. 브라우저는 HTML 문서를 수신하면 "토큰화(Tokenization)" 또는 ..
[Front-End] 브라우저 엔진과 렌더링 엔진의 차이는 뭘까? 웹 브라우저의 맥락에서 '브라우저 엔진'과 '렌더링 엔진'은 웹 페이지 렌더링을 담당하는 동일한 기본 구성 요소를 지칭하기 때문에 종종 같은 의미로 사용되기도 합니다. 하지만 두 용어 사이에는 미묘한 차이가 있을 수 있습니다: 브라우저 엔진: 레이아웃 엔진이라고도 하는 브라우저 엔진은 웹 콘텐츠 구문 분석 및 처리와 관련된 다양한 작업을 처리하는 웹 브라우저의 핵심 구성 요소입니다. 여기에는 렌더링 엔진이 주요 구성 요소 중 하나로 포함되어 있습니다. 브라우저 엔진은 렌더링 외에도 네트워킹(요청 및 응답 처리), HTML 및 CSS 구문 분석, JavaScript 실행 처리, 보안 프로토콜 관리, 사용자 상호 작용 처리 등의 작업도 관리합니다. 렌더링 엔진: 렌더링 엔진은 브라우저 엔진의 하위 집합입니다..
[책]난독의시대, 낭독하기 나는 난독증인까? 아니면 ADHD일까? 고민이 많은 시대다. 글쓴이도 한 번 테스트하러 정신의학과에 갔다. 난독의시대라는 책을 읽고 내가 필요한 부분과 정보를 공유해본다. 본인이 많이 힘들었고 지금도 힘들었던 부분의 정보와 이 책에서 제시하는 해결책(?) 하나를 공유해본다. 난독의 시대 책안에 난독 체크리스트 난독 체크리스트 1. 책을 느리게 읽는가? 2. 학창 시절에 읽기 수업을 따라가기가 힘들었는가? 3. 글을 이해하기 위해 두 번, 세 번 읽는 일이 잦은가? 4. 낭독을 꺼리는가? 5. 독해나 작문 시 글자를 빼먹거나 바꾸는 일이 잦은가? 6. 철자 검사를 했음에도 여전히 철자에 오류가 있는가? 7. 독해 시 다음절어(발음이 어려운 단에)를 발음하기가 어려운가? 8. 책이나 소설보다 잡지나 짧은 기..
[Front-End]Compiler compiler is essentially a translater that translates one language of which the language of the programmer into a systems language. input -> lexical analysis -> token -> syntacital analysis Token 토큰화란? 주어진 텍스트에서 토큰(token)이라 불리는 단위로 나누는 작업을 토큰화(tokenization)이라고 한다. 토큰의 단위가 상황에 따라 다르지만, 보통 의미있는 단위로 토큰을 정의한다. 참조 https://www.youtube.com/watch?v=r6vNthpQtSI
[Front-end]HTML, MarkUp What is Markup Language ? 구조화된 언어를 지칭함 Markup : 마크업(문서의 활자·조판 지정 표시) from Naver. 정리하면 뭔가로 마크업이 되어있는 구조화된 언어(It's describes the text that it's marking up) --> HTML 이라는 것 마크업이란 건 아래의 것을 의미함 , , , 요런식으로 구조화 되어있는 것을 Markup Language 라고 함 HTML's Element is a node as well. Element = node Attribute = class, id etc 속성은 요소에 실제론 나타내고 싶지 않지만 추가적인 내용을 담고 싶을 때 사용합니다. 위에는 나중에 스타일에 관련된 내용이나 기타 내용을 위해 해당 목표를 구분할..
[Front-End]Parsing 이란 사전적 의미 parsing : 어구의 해부, 문의 분석 parse : 어구의 해부, 문의 분석 Parsing a document means translating it to a structure the code can use The result of parsing is usually a tree of nodes that represent the structure of the document. This is called a parse tree or a syntax tree. 문서를 파싱하는 것은 코드가 사용할 수 있는 구조로 변환하는 것을 의미합니다. https://javascript.info/dom-nodes DOM tree javascript.info 파싱은 2개가 있음 어휘 파싱(lexical)과 구분..
[Front-End] a Web rendering Engine 솔직 문서를 읽어도 헷갈렸는데 영상찾아보니까 좋은 자료가 있어서 영상으로 이해함 https://www.youtube.com/watch?v=o3_u1azhfJw https://www.youtube.com/watch?v=z1Jj7Xg-TkU A browser Architecture 브라우저 작업 진행 시나리오 1. 사용자가 주소표시줄(사용자 인터페이스)에 URL을 입력 2. 브라우저 엔진에게 URL(입력받은 주소값) 전달 3. 브라우저 엔진은 URL에 해당하는 데이터를 자료저장소(caching)에서 먼저 찾아봄 4-1. 캐싱된 자료가 있다면, 랜더링 엔진은 브라우저 엔진으로부터 자료를 받아 HTML, CSS, image 등을 파싱 4-2. 캐싱된 자료가 없다면, 서버에 요청해서 자료를 찾고 런더링 엔진은 통..
[UX]어느 정도 레벨 경각심이 앱(APP) 사용성을 높일까? 연속 수행 본글은 이미 작성된 글을 재구성하였음을 사전에 언급합니다. https://blog.woojinkim.org/differences-in-how-you-make-up-for-mistakes/ 여기서 연속 수행 장치란? 사용자가 지속적으로 관심을 가지고 행동하게 만드는 장치 핵심은 큰 패널티를 통해 연속 수행을 유지하는 것이 아니라 적당한 경각심을 가지고 연속 수행을 유지하게 하는 것입니다. 이런 관점에서 듀오링고와 디아블로 이모탈 사례는 간단하고 관대한 규칙을 통해 연속 수행을 유지할 수 있습니다. 연속 수행 장치 비교 앱 듀오링고 스픽 사용기간 2년 약 200일 추측 특징 영어 문법 영어 말하기 보상 전제. 학습을 마칠때마다 - 부엉이를 꾸밀 수 있는 아이템 - 연속 학습이 끊겼을 때 이어주는 아이템 이벤..
[article]'자존감' 중독 사회 정유정 작가와의 인터뷰(Feat. 자기애) #행복보다 앞서는 가치… 충실한 인생엔 자유의지가 있다―행복이 목표가 아니라면, 가장 필요한 건 뭔가. 우린 어떤 가치가 필요한가.“자유의지다. 이게 없으면 삶에서 투쟁할 어떠한 동기도 부여되지 않는다.”―내가 왜 삶을 투쟁하듯 살아야 하느냐고 되묻는 사람도 있을 것 같다.“‘생존’을 위해 진화된 우리라서다. 여기서 생존은 복잡한 사회조직에서 ‘인간’으로서, ‘인간’답게 살아남는다는 의미다. 그러기 위해선 인생을 치열하게 살 수밖에 없는 것 아닐까.”―‘자유의지’는 어떻게 발현되나.“‘자유의지’는 자신을, 자기 삶을 이해하게 해주는 동력이다. 첫째, 사람이 구체적으로 자신이 뭘 원하는지를 아는 능력이고. 둘째, 그것을 이루거나 지키기 위해 평생토록, 성실하게 애쓰며 살 수 있는 힘이다.”―자유의지를 위해..
[TSN]공적 표준 TSN TSN Time Sensitive Networking 은 IEEE 802.1 working Group에서 진행중인 표준으로 이더넷 기반의 실시간 통신 공적 표준 IEEE LAN cable 이더넷에서 실시간 통신을 하기 연습 어디서? Audio/Video 실시간 데이터 전송 산업용 기기 제어 이동체(자동차, 철도, 비행기 등) 내부 제어 로봇 제어 실시간은 IEEE 외 다른 프로토콜을 사용중 TSN 은 공적 표준 TSN 의 3가지 특징 Time synchronistion Scheduling and Traffic shaping Selection of communication paths, path Reservations and Fault-tolerance AVB(음향) credit based scheduler..
[ML]Machine Learning Basic FROM TSN Lab Architecture CNN : 이미지를 인식하기 위해 패턴을 찾는데 유용 RNN (Recurrent Neural Network) 입력과 출력을 시퀀스 단위로 처리하는 시퀀스 모델 https://wikidocs.net/22886 Machine Learning 로스는 줄이는 것 학습하는 가장 중요한 목표 로스는 처음 나온 정답과 정답을 비교함으로써 오차를 줄겨가는 과정 Parameter 는 어떻게 정하냐? 그레디언트 디센트 gradiente discenting Parameter 가 두 개면 로스값을 포함해서 3차원 공감이 됨 —> 기울기를 낮는 것으로 찾아감 틀력을 경우 Erro back-propagation --> gradient Deescent : 가중치(비율)을 조절해서 다시 조정하는 방법 기존 계..
[ML]신경망 여기서 x는 신호 여기서 w는 가중치(0 ~ 1) 다시 말해, x에서 오는 신호를 w 값에 따라서 신호를 받고 덜 받고를 계산 할 수 있음 1. 구조(Architecture): 신경망이 서로 어떻게 연결되어 있는가? 구조는 사람이 만듬 2. 파라미터(Parameter)/거리(Weight) 서로간에 간격은 어떻게 유지가 되고 있는가? 파라미터는 기계학습을 통해 찾아냄 with 미분
[TEA]베트남 홍차2 : 찻잎에 숨겨진 이야기 베트남 홍차의 여정은 중국이 원산지이지만 베트남에서 한 세기 이상 재배되어 온 동백나무에서 시작됩니다. 이 식물에는 다양한 품종이 있으며 베트남에서 홍차 생산에 사용되는 찻잎은 주로 카멜리아 시넨시스 품종인 아사미카 식물에서 나옵니다. 찻잎은 일반적으로 아직 신선할 때 아침에 수확하며, 새싹과 각 줄기의 윗부분 2~3개의 잎을 손으로 땁니다. 수확 시기는 차의 품질과 풍미에 영향을 미칠 수 있기 때문에 매우 중요합니다. 베트남의 차 수확 시기는 지역과 기상 조건에 따라 다르지만 보통 3월부터 10월까지입니다. 찻잎을 따낸 후에는 과도한 수분을 제거하기 위해 시들게 하여 더 유연하고 가공하기 쉽게 만듭니다. 시들음 과정은 몇 시간이 걸릴 수 있으며, 그 동안 잎은 통풍이 잘되는 곳에 있는 선반이나 쟁반에 ..
[TEA]베트남 홍차 : 1 베트남은 세계 최고의 차 생산국 중 하나이며 홍차는 베트남 차 산업에서 중요한 부분을 차지하고 있습니다. 베트남 홍차는 독특한 향과 맛, 품질로 유명하여 현지와 해외에서 모두 인기가 높습니다. 베트남 홍차의 역사는 프랑스가 베트남을 식민지로 삼고 차 재배를 도입한 20세기 초로 거슬러 올라갑니다. 오늘날 차는 북부 산악 지역, 중부 고원지대, 남부 지방 등 베트남의 여러 지역에서 재배됩니다. 각 지역마다 고유한 차 품종과 풍미 프로파일이 있습니다. 베트남 홍차 중 가장 인기 있는 홍차 중 하나는 베트남 남부의 푸꾸옥 섬에서 재배되는 푸꾸옥 홍차입니다. 이 홍차는 아사미카(Camellia sinensis var. Assamica) 차 식물로 만들어지며 꿀과 맥아의 힌트가 가미된 풍부하고 풀 바디한 풍미를 ..
[AI] 스탠포드가 생각하는 AI 시대의 교육 이 영상은 YOUTUBE Channel EO에서 발취한 내용입니다. 크게 3가지로 구성된 영상인데, 3 Things of AI Thinking How Do We Invent New Things? 5 Steps of Design Thinking I Let My Students Use ChatGPT 여기서 3 Things of AI Thinking 과 5 steps of Desgin Thinking에 대해서 간략하게 정리해 보았습니다. 3 Things of AI Thinking 1. AI를 가능한한 빨리 가르쳐라 (We need to start a tech AI Thinking as early as possible) 2. 인간과 AI의 차이점을 알야아 한다. (The second on is that you ..
[ML]이미지 The images are converted into 28 by 28 pixels, 784 pixels. And for each pixel, we obtain a grayscale intensity between 0, that's white, and 255, that's black. And then there's gray in the middle. For each digitized image i we have categorical outcomes Yi, which can be one of 10 values, 0, 1, 2, 3 up to 9, and features Xi1 all the way up to Xi784. We can use boldface to distinguish the vector of ..
[APP]내가 생각하는 '트리플' 비지니스 모델 그리고 야놀자의 야망 트리플이 생각보다 재미있고 알찬 앱이다. 그렇게 생각하는 이유는 상당히 많은 기능과 서비스 마지막으로 콘텐츠가 들어가 있다. 그러나 그 뒤엔 야놀자의 야망이 보인다. 야놀자의 야망 야놀자의 2006년 모델을 연결하는 플랫폼 회사였다. 그런데 지금은 숙박에서 여행 이번에 항공권 해외 여행까지 '종합 레저관광기업'으로 거듭나려고 한다. 트리플의 수익 모델과 강점 2019년 4월 발행된 티티엘뉴스를 보면, 김연정 대표와의 인터뷰에서 트리플의 수익모델은 기존 OTA*와 크게 다르지 않다고 말했다. 호텔, T&A 기타 여행상품 판매를 통한 수수료이다. 여기에 추가로 유저들에게 해외여행에 유익한 정보 및 쿠폰을 노출하는 광고 등도 수익모델로 개발 중이다. 결국, 기존의 비지니스 모델인 OTA와 노출광고가 다 일것이..
[문학]알베르토 카뮈, “멸시로 응수하여 극복되지 않는 운명이란 존재하지 않는다.” 시지프 신화’는 삶의 부조리에 대해 분석한 철학 에세이이다. “무용하고 희망 없는 노동보다 더 끔찍한 형벌은 없다”고 생각한 신들이 그에게 이런 벌을 내린 것이다. 어차피 떨어질 것을 다시 굴려 올려야 하는 시지프의 신화는 결국 죽을 운명인데도 힘을 내서 살아가야 하는 우리의 삶 자체가 부조리한 것임을 보여준다.그러나 부조리하다고 해서 다 비극적인 것은 아니다. “멸시로 응수하여 극복되지 않는 운명이란 존재하지 않는다.” 그리하여 “무겁지만 한결같은 걸음걸이로, 아무리 해도 끝장을 볼 수 없을 고통을 향하여 다시 걸어 내려오는 … 그 순간순간 시지프는 자신의 운명보다 더 우월하다. 그는 그의 바위보다 더 강하다.” 카뮈는 무언가 시도할 때 ‘성공할 거라는 희망’의 환상을 제거하라고 말한다. 실존주의는 “..
[Machine Learning]공부해보기 Notice that these terms vary among courses, textbooks, Often prediction is used for both categorical and continuous outcomesand the term regression is sometimes used for the continuous case. 예측은 범주형 결과와 연속형 결과 모두에 사용되는 경우가 많으며 회귀라는 용어는 연속적인 경우에 사용되기도 합니다. Categorical outcome Y can be any of K classes. The number of classes can vary. For example with digit readers K is 10. The classes besing the ..
[AI]동네 피자가게에 AI를 도입한다면? from TED AI는 데이터의 문제가 아니다. AI가 대기업에 중집되는 이유는 많은 돈의 구축비용과 전문가가 필요하기 때문이다. 하지만 이런 AI 구축방식은 기술, 인터넷 분야를 벗어나면 적용되지 않는다. 사실 AI는 적은 양의 데이터에서도 잘 작동하는 경우도 있습니다. 예를 들어 우리 주변에 있는 동네 피자가게에서도요. 따라서 진짜 문제는 피자가게의 데이터가 부족이 아니라 민짜 문제는 작은 피자가게가 AI 팀을 고용할만한 비용을 충당하지 못한다는 것이다. 만약 AI를 동네 옷가게 도입하다면? a) AI가 소셜미디어의 트렌드를 보고 유행하는 밈 티셔츠를 프린트해 판매를 촉진한다면 b) 매장관리자가 매장의 모습을 사진으로 찍어 AI에게 제시해 판매를 개선하기 위한 제품 배치를 추천한다면 또는 공급망을조절한다면 c) 회사..

티스토리툴바