전체 글76 [TIL] 엘리스 SW 엔지니어 트랙 2기 day 06 ✏️ Today I Learned (2022.04.11) 📖 이론 강의 개발자로서 가져야 하는 마음가짐 JavaScript 반찬 📝개발자로서 가져야 하는 마음가짐 1. 새로운 걸 배우는 것은 좋아하자 (기본, 본질의 중요성) 2. 처음 배울 때마다 뒤를 생각하면 우울함이 지속되고 공부가 하기 싫어진다. 3. 어렵고 복잡한것도 중요하지만 처음 배우는 것에 대한 생각의 패러다임을 바꾸자. 4. 선생님이 있다고 많이 사용해보고 경험해봐야 네이티브가 될 수가 있다. 📝Java Script js는 컴퓨터 프로그래밍 언어이다. 아무 브라우저 콘솔 창에서 js를 사용할수 있다. alert(""); -> 경고창 띄우기 prompt(""); -> 입력창 confirm(""); -> 확인/취소 창 브라우저의 콘솔창에서 사.. 2022. 4. 12. [TIL] 엘리스 SW 엔지니어 트랙 2기 day 05 ✏️ Today I Learned (2022.04.08) 📖 온라인 강의 1. 깃(GIT)이란? 2. 깃 시작하기 3. 깃 가지치기 4. 깃 원격 저장소 📝 깃(Git)이란? 소프트웨어를 개발하는 기업의 핵심 자산인 소스코드를 효과적으로 관리할 수 있게 해주는 형상 관리 도구(무료, 공개 소프트웨어) 깃을 사용하는 이유 효율적인 협업 쉬운 버전 관리 깃의 특징 가지 치기와 병합 가볍고 빠르다. 분산 작업 데이터 보장 준비 영역 오픈소스 Git 호스팅 서비스 깃 설치 (window) 1. 터미널 실행 후 git 입력 후 enter 위와 같이 실행되지 않으면 git 설치해야 함 2. https://git-scm.com/downloads 에 접속 후 각 환경에 맞게 설치 Git - Downloads Downl.. 2022. 4. 11. [TIL] 엘리스 SW 엔지니어 트랙 2기 day 04 ✏️ Today I Learned (2022.04.07) 📖 온라인 강의 움직이는 웹사이트 제작 반응형 웹사이트 제작 📝 움직이는 웹사이트 제작 1. Transform rotate, scale 1 2 3 4 5 6 .transition { transfrom: rotate(45deg); /* 회전 */ transform: scale(2,3); /* 확대 축소 */ } Colored by Color Scripter cs .rotate(angle): 입력한 각도만큼 회전하며, 음수도 입력 가능 .scale(x, y): 숫자는 비율의 의미하며 width를 x배, height를 y배 만큼 확대 skew, translate 1 2 3 4 5 6 .transition { transform: skew(10deg, 20.. 2022. 4. 10. [TIL] 엘리스 SW 엔지니어 트랙 2기 day 03 ✏️ Today I Learned (2022.04.06) 📖 이론 강의 개발자로서 가져야 하는 마음가짐 HTML 반찬 📝개발자로서 가져야 하는 마음가짐 공부는 점점 재미없어진다.(변화의 차이 때문) 내가 하는 공부, 개발이 웅덩이에서 바다가 되었기 때문이다.(슬럼프 X) 프로젝트를 미루지 마라, 현지식으로도 충분히 많은 것을 할 수 있다. 📝CSS 2일 차 온라인 강의랑 겹치는 이론은 생략! : 주석 CSS이용법 중 인라인 스타일 방식은 별로 인라인 요소 vs 블록 요소 margin 겹침 현상이 일어나면 오버랩되어서 더 큰 값으로 렌더링 Grid( 두 방향(가로-세로) 레이아웃 시스템(2차원)) .container{ display: grid;} :그리드의 시작 grid-template-rows : 행(r.. 2022. 4. 10. [TIL] 엘리스 SW 엔지니어 트랙 2기 day 02 ✏️ Today I Learned (2022.04.05) 📖 온라인 강의 웹사이트의 정보와 디자인 웹사이트 레이아웃에 영향을 미치는 요소 📝웹사이트의 정보와 디자인 **앞부분이랑 중복되는 부분은 생략했다 웹을 구성하는 요소 웹 구성 요소 웹 제작 시 고려 사항 웹 표준: 웹사이트를 작성할 때 따라야 하는 공식 표준이나 기술 규격 웹 접근성: 장애의 여부와 상관없이 모두가 웹사이트를 이용할 수 있게 하는 방식 크로스 브라우징: 모든 브라우저 또는 기기에서 사이트가 제대로 작동하도록 하는 기법 태그: paragraph의 약자로 본문 내용을 표현합니다. See the Pen Untitled by 조재홍 (@h0ng95) on CodePen. 웹사이트의 중요 정보를 담는 태그로, 나타내고자 하는 내용을 열린 태.. 2022. 4. 7. [TIL] 엘리스 SW 엔지니어 트랙 2기 day 01 ✏️ Today I Learned (2022.04.04) 📖 이론 강의 개발자로서 가져야 하는 마음가짐 HTML 반찬 📝개발자로써 가져야 하는 마음가짐 내가 잘 배웠는지 확인하는 법 : 해내고 나서 뿌듯하고 기분이 좋은 것 기록은 중요(감동을 놓치지 말기) 기분이 안 좋아지는 순간이 다시 공부를 시작할 시간(감정의 기복을 느껴야 함) 잘하겠다는 생각보다 재미를 찾아보자 지식은 한 방향으로 흐르지 않는다. 방대한 양에 좌절하지 말자. 입문 단계에서는 선생님이 차고 넘친다. 중급 단계에서는 희소하다. 눈치껏 공부하자. 외우려 하지 마라, 검색해라. 📝HTML : 텍스트 강조 : 밑줄 tag: 옷에 달려있는 태그가 옷을 설명하듯이 코드를 감싸는 태그는 코드를 설명하는 기능을 한다. : 이미지 태그 안의src=.. 2022. 4. 7. 이전 1 2 3 4 5 6 7 8 ··· 13 다음