엘리스 AI 트랙 4기90 [2주차] String 타입의 프로퍼티와 메서드 1월 18일 자 학습 내용 + 개인 공부 정리입니다. ✅ String.length const str = "aaa"; console.log(str.length); // output // 3 length 속성은 UTF-16 코드 유닛을 기준으로 문자열의 길이를 나타낸다. 빈 문자열의 경우 length는 0이다. ✅ String.prototype.charAt() 지정된 index에 해당하는 str의 요소를 문자열 형식으로 반환한다. str.charAt(index) index : 0과 str.length - 1 사이의 값. 해당하는 index의 값이 없을 경우 0으로 설정되어 str의 첫 번째 문자가 반환된다. ✅ String.prototype.charCodeAt() 주어진 index에 해당하는 문자의 UTF-.. 2022. 1. 18. [2주차] JavaScript와 데이터 타입 1월 18일 자 학습 내용 정리입니다. ✅ JavaScript 리액트와 같은 라이브러리를 쓰지 않는 한 기본적인 웹의 구조는 HTML, CSS, JavaScript로 구성되어 있다. HTML은 웹 사이트의 구조를 만들고 CSS는 웹 사이트를 꾸며준다. 그리고 JavaScript는 이미지 슬라이드 효과, 팝업 효과 등의 기능을 포함한 동적 웹사이트를 제작할 때 사용한다. 정리하자면 JavaScript는 웹 사이트에서 사용자와 상호작용을 하기 위해 존재한다. HTML, CSS와는 달리 JavaScript는 변수 안에 값을 저장할 수 있고 문자열을 다룰 수 있으며 이벤트를 처리할 때 사용하기도 한다. 이러한 JavaScript라는 프로그래밍 언어는 IoT, 하이브리드 앱, 서버 개발 등 다양한 곳에서 사용된다.. 2022. 1. 18. [1주차] git 원격 저장소 1월 15일 자 학습 내용 정리입니다. ✅ 원격 저장소 원격 저장소는 인터넷이나 네트워크 어딘가에 위치한 저장소를 말한다. 저장소는 여러 개가 존재할 수 있는데 어떤 저장소는 읽고 쓰기가 가능한 반면 다른 저장소는 읽기만 가능할 수도 있다. 이러한 원격 저장소를 통해 데이터를 올리고 받아옴으로써 다른 사람들과의 협업이 가능하다. github, gitlab과 같은 호스팅 서비스들이 원격 저장소에 해당한다. ✅ 원격 저장소 관련 git 명령어 git clone 원격 저장소를 받아오는 명령어이다. git clone 기존의 git repository를 복사한다. repository는 원격 저장소와 로컬 저장소가 존재하는데 git clone 명령어를 이용하여 원격 저장소에 있는 내용을 로컬 저장소로 가져올 수 있.. 2022. 1. 17. [1주차] git branch 1월 15일 자 학습 내용 정리입니다. ✅ branch 버전 관리 시스템에서 branch는 독립적으로 어떤 작업을 진행하기 위한 개념이다. 개발을 하다 보면 코드를 여러 개로 복사해야 하는 일이 자주 생기는데 이때 브랜치를 이용해 코드를 통째로 복사하고 나서 원래 코드와는 상관없이 독립적으로 개발을 진행할 수 있다. 그 이유는 git이 데이터를 일련의 스냅샷으로 기록하기 때문이다. 어떤 파일을 커밋하면 git은 현재 Staging Area에 있는 데이터의 스냅샷에 대한 포인터, 메타데이터, 이전 커밋에 대한 포인터 등을 포함하는 commit object를 만들어 저장한다. 이때 데이터의 스냅샷에 대한 포인터와 이전 커밋에 대한 포인터를 저장한다는 점을 유의깊게 봐야 한다. 커밋을 한다는 점은 새로운 체크.. 2022. 1. 17. [1주차] git 명령어 1월 15일 자 학습 내용 정리입니다. ✅ git 설치 git 설치는 다음 url에서 가능하다. https://git-scm.com/downloads Git - Downloads Downloads macOS Windows Linux/Unix Older releases are available and the Git source repository is on GitHub. GUI Clients Git comes with built-in GUI tools (git-gui, gitk), but there are several third-party tools for users looking for a platform-specific exp git-scm.com 위 url에서 해당하는 os를 고른 뒤 알맞은 버전의.. 2022. 1. 17. [1주차] git 1월 15일 자 학습 내용 정리입니다. ✅ git git은 버전 관리 도구이다. 버전 관리 시스템은 파일의 변화를 시간에 따라 기록했다가 나중에 특정 시점의 버전을 다시 꺼내올 수 있는 시스템이다. 버전 관리 시스템(VCS, Version Control System)을 사용하면 각 파일을 이전 상태로 되돌릴 수 있고 파일 단위가 아닌 프로젝트 전체를 이전 상태로 되돌리는 것도 가능하다. 또한 시간에 따른 수정 내용을 비교해 볼 수 있고 발생한 에러를 추적할 수도 있으며 잘못된 파일을 복구시킬 수도 있다. git은 협업 도구이다. git은 효율적인 협업이 가능하도록 한다. 효율적인 협업이 가능한 이유는 git의 특징에서 자세히 알 수 있다. git의 특징은 다음과 같다. 1. 가지치기와 병합이 가능하다. .. 2022. 1. 17. [1주차] 미디어쿼리 1월 13일 자 학습 내용 정리입니다. ✅ 미디어쿼리 기존의 웹사이트들은 pc에 맞추어 만들어지는 것이 기본적이다. 하지만 최근 휴대폰, 태블릿 등 pc보다 작은 모바일 기기들이 많이 사용되고 있는 시점에서 각 모바일 기기들에 맞추어 화면을 보여주는 것이 필요해졌다. 따라서 pc 뿐만 아니라 모바일, 태블릿 등에서도 대응되는 반응형, 적응형 웹 사이트들을 만들기 위해 미디어 쿼리의 개념이 필요해졌다. 미디어쿼리는 여러 기기에 맞추어 웹 사이트를 만들기 위해 사용하는 css 구문으로 해당 기기의 화면 크기에 맞추어 요소들의 크기, 위치 등을 조절할 때 쓰인다. 미디어 쿼리의 구문은 아래와 같다. @media (min-width) and (max-width) { ... } min-width와 max-widt.. 2022. 1. 13. [1주차] transform, transition, animation 1월 13일 자 학습 내용 정리입니다. ✅ tramsform 특정 영역에서 object를 회전시키거나 위치 이동, 크기 변경이 필요할 때 사용한다. rotate transform: rotate(각도) object에 대해 평면적인 회전을 할 때 사용한다. 음수와 양수 모두 가능하며 양수이면 시계방향, 음수이면 반시계방향으로 회전한다. scale transform: scale(width 비율, height 비율) object의 크기를 조절할 때 사용한다. 2를 입력하면 object 기본 크기의 2배, 0.5를 입력하면 object 기본 크기의 0.5배가 된다. skew transform: skew(x축, y축) object에 대해 입체적인 회전을 할 때 사용한다. translate transform: tra.. 2022. 1. 13. 엘리스 AI 트랙 4기 지원부터 합격까지 관련 정보는 이곳에서! >> https://elicetrack.oopy.io/ 오늘 12월 23일 12시 조금 넘어서 합격 문자를 받았다. elice AI 트랙 지원하기 전 합격 절차에 대해 구글링을 많이 해보았지만 얻을 수 있는 정보가 얼마 없었기에 다음 기수에 도전하는 사람들이 조금이라도 정보를 더 얻을 수 있도록 지원부터 합격까지의 과정을 주관적으로 적어보겠다. 👀 지원 동기 일단 나는 관련 학과 졸업생이다. 그렇지만 웹 쪽으로 진로를 정한 건 얼마 되지 않았다. 웹 관련 일을 하고 싶다 어렴풋이 생각만 한 게 4학년때이니 많이 늦었을 수도 있다. 안타깝게도 웹 관련 강의는 우리 학교에 없었고 그나마 관련 활동을 해본 건 vue.js 스터디 몇 개월 뿐이었다. 그러니 배우고 싶은 마음이 가득할 수 .. 2021. 12. 23. 이전 1 ··· 7 8 9 10 다음
