분류 전체보기14 실행 컨텍스트 / Execution Context 실행 컨텍스트 Execution Context// https://www.nextree.io/execution-context/#:~:text=전역%20컨텍스트는%20코드%20내부,활성화된다고%20이해할%20수%20있습니다.// https://velog.io/@kados22/FE-기술-면접-실행-컨텍스트가-무엇인가요실행 컨텍스트 란자바스크립트 코드의 실행 방식을 정의해놓은 객체실행할 코드에 제공할 환경 정보들을 모아놓은 객체이다.사용자가 웹 페이지에 처음 접근할 때, 사용중인 브라우저의 자바스크립트 엔진이 자바스크립트 파일을 스캔한다.스캔이 완료되면 스크립트의 모든 코드를 변환하고 실행하는 과정을 관리하는 실행 컨텍스트라는 환경이 생성된다.이 환경Execute Engeine은 실행할 코드에 전달할 정보들을 .. 2024. 11. 16. 줄바뀜이 이상해요 / word-break word-breakcss propertyword-break 속성은 컨텐츠가 자신의 컨텐츠 박스 밖으로 overflow될 때 줄바꿈 속성을 지정할 수 있다.word-break 속성을 사용하기 위해서는 CJK언어에 대한 간단한이해가 필요하다.:question: CJK(chinese/japanese/korean)언어는 띄어쓰기가 없거나 불필요하다.중국어는 띄어쓰기가 없으며 일본어와 한국어도 띄어쓰기가 그렇게 강제적으로 필요하진 않다.내가굳이띄어쓰기를하지않는다고해서글을읽는데에별문제가없다또한 한 글자가 정사각형의 모양을 띄는 문제도 있다.따라서 CJK의 word-break속성은 따로 명시하여 지정해주어야 한다.valueword-break에는 많은 value를 지정해줄 수 있지만 가장 자주 쓰이는 4가지만 알고 넘.. 2024. 11. 5. Git Basic Command 0. GUI vs CLIGUI(Graphicial User Interface)는 사용자에게 직관적이고 사용자에게 실시간으로 시각적인 피드백을 제공한다.덕분에 사용자는 개념을 더욱 쉽고 빠르게 익힐 수 있다는 장점이 있다. 그러나 CLI(Command Line Interface)를 통해 학습하는 것이 Git의 더 많은 기능을 더욱 세밀하게 작업할 수 있도록 한다. 1. install GitGit은 소스코드 및 파일의 변경내역을 저장하는 분산 버전 관리 시스템이자 소프트웨어다.때문에 Git을 사용하기전 필수적으로 설치를 해주어야 한다. 1-1. Ubuntu환경아리 명령어를 통해 Git을 설치할 수 있다.$ sudo apt-get update$ sudo apt-get install git1-2. Mac에서 설.. 2024. 5. 2. 깃 브랜치 전략 / Git Branching Strategy / workflow 0. Branch버전 관리와 소프트 구성 관리에서 버전 관리 하에 놓인 오브젝트(소스 코드 파일 또는 디렉토리)를 복사하는 과정 또는 복사된 오브젝트.Git Branching Strategy 깃 브랜치 전략Git을 사용하여 프로젝트를 관리하고 개발하는데 사용되는 브랜치 관련 접근 방식이나 전략을 나타낸다.개발자들은 깃허브를 통해 협업을 하기 위한 작업방식, 프로세스를 미리 정의해서 체계적으로 개발한다. 깃 브랜치 전략이란 용어는 워크플로우를 포함하는 개념이며 브랜치 생성에 규칙을 만들어 협업을 유연하게 하는 방법론이다. 0-1. 브랜치 전략의 종류워크플로우는 매우 다양하며 프로젝트의 크기, 복잡성, 협업 방식 등 프로젝트의 특성과 팀의 요구사항에 따라서 다양하게 구성될 수 있다.Git FlowGithub.. 2024. 4. 30. Git 개념, 원리 0. 개요분산형 버전 관리 시스템(Version Control System)의 한 종류로서, 빠른 수행 속도에 중점들 두어 개발된 툴이다.이전의 중앙집중식 버전 관리 시스템(Centralized VCS)들이 주로 사용되었으나, 깃(Distributed VCS)의 등장으로 인해 네트워크 의존성이 감소하며 작업 유연성이 늘어나고, 로컬 작업으로 돌아가기에 속도가 빨라지며 개발자들에게 유연성과 효율성을 제공한다.0-1. 버전관리파일변화를 시간에 따라 기록했다가 나중에 특정 시점의 버전을 다시 꺼내올 수 있는 시스템각 파일을 이전 상태로 되돌릴 수 있다(복원).프로젝트를 통째로 이전 상태로 되돌릴 수 있다.시간에 따라 수정 내용을 비교해 볼 수 있다.누가 언제 이슈를 만들었는지 추적할 수 있다.파일을 잃어버리거.. 2024. 4. 29. Asynchronous 비동기 프로그래밍 0. 개요자바스크립트는 웹 페이지의 보조적인 기능을 수행하기 위해 만들어진 스크립트 언어이며,멀티 스레드 언어는 동시성 이슈가 있었기에 복잡하지 않은 싱글 쓰레드형식으로 만들게 된다. 처음부터 그랬던 것은 아니지만, 웹 브라우저에서 제공하는 기능이 많아짐에 따라 자바스크립트가 비동기적인 언어가 되는것은 필수 불가결한 요소였다. 비동기란 무엇이며 비동기 프로그래밍이란 무엇인가?이것을 알려면 '동기와 동기 프로그래밍이란 무엇인가'를 먼저 알아야 한다.1. 동기1-1.동기 프로그래밍 정의 Synchronous Programming Definition 同 期(같을 동, 기약할 기)사전적으로 같은 시간(동시), 또는 같은 기간이라는 뜻이다. 두 가지 이상의 사건이나 프로세스가 동시에 일어나는 것.'동기적으로 실행.. 2024. 4. 25. html Advanced text formatting 텍스트 고급 서식 semantic 비교적 알려지지 않은 HTML요소들을 사용해 고급 semantic HTML을 구성하도록 하자. (인용구, 서술문, 컴퓨터 코드 및 관련 텍스트, 아래 첨자, 위 첨자, 연락처 정보 등) 1. Description lists 설명 목록 description list는 용어 및 정의, 질문 및 답변 같은 일련의 항목 및 관련 설명을 표시하기 위해 사용한다. 태그를 사용하며 각 리스트에는 description term, description definition 태그를 사용한다. soliloquy 드라마에서 등장인물이 혼잣말을 하며 내면의 생각이나 감정을 표현하고 그 과정에서 청중에게 전달합니다 (다른 등장인물에게는 전달하지 않음.) monologue 드라마에서 등장인물이 자신의 생각을 큰 소리로 말하여 청중 .. 2024. 4. 12. html hyperlink 하이퍼링크는 웹을 웹답게 만드는 요소이다. 하이퍼링크를 효과적으로 다루는 방법과 수많은 파일들을 함께 연결하는 법을 배우도록 한다. 1. what is hyperlink 하이퍼링크란. 웹이 제공하는 가장 흥미로운 혁신중 하나이며, 웹을 웹(web)으로 만드는 요소이다. 하이퍼링크를 사용하여 문서를 다른 문서나 리소스에 연결하고, 문서의 특정 부분에 연결하거나, 웹 주소에서 앱을 사용할 수 있게된다. 클릭하거나 다른 방법으로 활성화된 웹 브라우저가 다른 웹 주소(URL)로 이동하도록 거의 모든 웹 컨텐츠를 링크로 변환할 수 있다. *URL은 HTML파일, 텍스트 파일, 이미지, 텍스트 문서, 비디오, 오디오 파일 등 웹 상에 존재할 수 있는 모든 컨텐츠에 연결 가능하다. 웹브라우저가 파일을 표시하거나 처리.. 2024. 4. 12. html text fundamentals HTML 텍스트의 구조 HTML의 주요 작업 중 하나는 브라우저가 텍스트를 올바르게 표시하도록 텍스트의 구조와 의미(semantics)를 제공하는 것이다. HTML텍스트에 제목과 단락을 구별하고, 강조 및 목록을 만드는 등의 방법을 배우도록 한다. 1. 제목과 단락 가장 기본적인 구조이다. 제목과 단락으로 글을 나누는 방식은 모든 글에서 사용된다. HTML에서 각 단락은 태그에 둘러싸여 있어야 한다. I am a paragraph, oh yes I am. 각 제목은 heading요소로 둘러 싼다. I am the title of the story. heading 요소는 총6개가 있다. ~ 각 요소는 문서에서 다른 수준의 내용을 나타낸다. 메인 제목을 h1, 소제목은 h2, 소제목의 소제목은 h3로 나타내는 식이다. title1.. 2024. 4. 12. 이전 1 2 다음 반응형
