본문 바로가기

전체 글

 (278)
[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 미분

티스토리툴바