엘리스 코딩
[TIL] 엘리스 SW 엔지니어 트랙 Day 011
[TIL] 엘리스 SW 엔지니어 트랙 Day 011
2021.11.07📖 오늘 배운 내용 - 2021.11.06 자기소개 페이지 제작하기 📝 자기소개 페이지 제작 자기소개 SW 엔지니어 트랙에서기대되는 점 🧹 클린코드 👩💻 팀 프로젝트 👨🏫 팀 코칭 wonjun.kdt-gitlab.elice.io 💡 오늘 깨달은 것 오늘은 강의 대신 자기소개 페이지를 제작하는 과제를 수행했다. 직전 프로젝트에서 Tailwind CSS를 사용해서 그런지 클래스명을 짓는데 너무 힘들었다... ㅋㅋㅋㅋ 다음 프로젝트 때는 BEM 방식을 적용해서 클래스명을 지어봐야겠다. 📌 참고 [CSS 방법론] BEM 방식
[TIL] 엘리스 SW 엔지니어 트랙 Day 010
[TIL] 엘리스 SW 엔지니어 트랙 Day 010
2021.11.06📖 오늘 배운 내용 - 2021.11.05 연산자(산술 연산자, 증감 연산자, 비교 연산자, 논리 연산자) 조건문 반복문(for문, while문, do while문) 자바스크립트 소수 판별 및 구하기, 에라토스네테스의 체 문자열 역으로 출력 includes() 유니코드 📝 자바스크립트 소수 판별하기 [JavaScript] 자바스크립트 소수 판별하기(feat. 반복문, 에라토스네테스의 체) 🎯 자바스크립트 소수 구하기 자바스크립트에서 소수 구하는 방법을 알아보자. 📝 반복문 while문 사용 function isPrime(m) { let divisor = 2; while (n > divisor) { // n이 나누는 수보다 클 때까지 if(n % d.. lakelouise.tistory.com 📝 자바스크..
[TIL] 엘리스 SW 엔지니어 트랙 Day 009
[TIL] 엘리스 SW 엔지니어 트랙 Day 009
2021.11.05📖 오늘 배운 내용 - 2021.11.04 변수 데이터 타입 이스케이프 Node.js 콘솔에서 입력받는 방법 화살표 함수 map() filter() 오름차순 & 내림차순 정렬 방법 splice() join() 📝 자바스크립트 변수 var name; // 변수 선언 name = "hong"; //변수 초기화 var name = "hong"; // 변수 선언 및 초기화 name = "kim"; // 데이터 변경, var를 다시 작성할 필요가 없다. console.log(name); // 변수 안에 데이터를 확인할 때 사용하는 명령어 변수란? 데이터를 담는 공간이다. 변수 선언 : 데이터를 담는 공간을 생성하는 것 변수 초기화 : 생성된 변수에 데이터를 전달하는 것 📕 변수 생성 시 주의사항 변수명은 숫자로 ..
[TIL] 엘리스 SW 엔지니어 트랙 Day 008
[TIL] 엘리스 SW 엔지니어 트랙 Day 008
2021.11.03📖 오늘 배운 내용 - 2021.11.03 배열 반복문 함수 작성법 this target 객체 논리 연산자 📝 배열 배열은 여러 원소(element)가 모여서 이루어진다. 각자가 index를 가지고 있다. 색인이란 데이터를 찾을 수 있는 식별자이다. array.length : 배열의 길이 array.push() : 배열 추가 [자바스크립트] 배열 배열 배열이란 순서가 있는 컬렉션을 저장할 때 쓰는 자료구조이다. 배열 선언 let arr = new Array(); let arr = []; // 대부분 이 방법을 사용해서 선언한다. let fruits = ["사과", "오렌지", "자두"]; // 초.. lakelouise.tistory.com 📝 반복문 html에 list 추가하기 let members =..
[TIL] 엘리스 SW 엔지니어 트랙 Day 007
[TIL] 엘리스 SW 엔지니어 트랙 Day 007
2021.11.03📖 오늘 배운 내용 - 2021.11.02 javascript 이벤트 javascript 데이터 타입 var, let, const replace, split 다크 모드 구현 형 변환 비교 연산자 조건문 📝 javascript 이벤트 다크 모드 [자바스크립트] 이벤트 등록, addEventListener() 이벤트란? 사용자(사람)와 상호 작용을 하면서 마우스(키보드, 터치, 펜 등)를 조작하면 그에 대한 반응을 하는 것 특정 이벤트가 발생되었을 때, 특정 함수를 실행할 수 있게 해주는 것이 addEventL lakelouise.tistory.com [자바스크립트]alert, prompt, confirm alert, prompt, confirm 브라우저 환경에서 사용되는 최소한의 사용자 인터페이스 기능을 ..
[TIL] 엘리스 SW 엔지니어 트랙 Day 006
[TIL] 엘리스 SW 엔지니어 트랙 Day 006
2021.10.31📖 오늘 배운 내용 - 2021.10.30 git 사용방법 📝 Git [Git] Git 명렁어 모음 🎯 Git Git은 오픈 소스이다. 분산 버전 관리 시스템이다. 여러 사람과 효율적인 협업을 가능하게 한다. Git git-scm.com 📝 Git Life Cycle 📝 Git 사용자 정보 설정 저장소 코드를 반영할 때 등록될 사용 lakelouise.tistory.com 💡 오늘 깨달은 것 이전에는 github desktop GUI 환경으로 git을 사용했는데, 이제는 CLI환경에서 명령어로 git을 다룰 수 있게 되었다. git으로 협업을 잘하는 그날까지 화이팅!
[TIL] 엘리스 SW 엔지니어 트랙 Day 005
[TIL] 엘리스 SW 엔지니어 트랙 Day 005
2021.10.30📖 오늘 배운 내용 - 2021.10.29 position z-index box-shadow border-radius : 테두리 둥글게 웹폰트 사용법 패럴랙스 form, input, textarea 📝 2차원과 3차원을 결정짓는 요소 :: position [CSS] position 속성과 사용법 총정리 🎯 2차원과 3차원을 결정짓는 요소 :: position 1차원은 선의 세계, 2차원은 평면의 세계, 3차원은 공간의 세계 부모 자식 지간에 발생하는 마진 병합 현상 유무 (2차원 O, 3차원 X) top, left, right, bottom lakelouise.tistory.com 📝 background 속성 [CSS] background 속성 총정리 🎯 background 총정리 background의 ..
[TIL] 엘리스 SW 엔지니어 트랙 Day 004
[TIL] 엘리스 SW 엔지니어 트랙 Day 004
2021.10.28📖 오늘 배운 내용 - 2021.10.28 css transform css transition css animation css @media query 📝 css transform [CSS] transform 속성과 사용법 🎯 transform 속성과 사용법 특정 영역을 회전시키거나, 확대/축소시키거나 각도를 변경하여 비틀거나 위치를 변경하는 등의 효과를 적용할 때 사용된다. 📝 transform 속성 rotate(00deg) : 입력한 각도 lakelouise.tistory.com 📝 css transition [CSS] transition 속성과 사용법 🎯 transition 속성과 사용법 특정 조건 하에서 애니메이션이 동작되는 과정을 보여주고자 할 때 사용 전환이 일어날 요소들을 작성해주는 것! 📝 ..
[TIL] 엘리스 SW 엔지니어 트랙 Day 003
[TIL] 엘리스 SW 엔지니어 트랙 Day 003
2021.10.27📖 오늘 배운 내용 - 2021.10.27 html 주요 태그 html 태그 요소 css 작성법 박스 모델 마진 병합 현상 📝 문서의 주요 내용을 담는 태그이다. IE는 지원하지 않으므로 속성을 필수로 입력해줘야 한다. 💡 오늘 깨달은 것 html 작성 시 웹 표준, 웹 접근성, 크로스 브라우징을 생각하며 마크업을 해야 한다. 특히 웹 접근성을 위해서 alt 속성을 작성하자. 이번 수업을 통해 IE를 위해서 main 태그에서 role="main"을 작성해야 되는 것을 처음 알았다. IE 서비스가 종료되었지만 main 태그 사용 시 role 속성을 적어주자. 오랜만에 float를 사용해서 어색하게 느껴졌다. 무조건 flex만 사용하는 것만이 아니니 상황에 맞게 float을 사용할 것. #temp ul li..
[TIL] 엘리스 SW 엔지니어 트랙 Day 002
[TIL] 엘리스 SW 엔지니어 트랙 Day 002
2021.10.26📖 오늘 배운 내용 - 2021.10.26 html 태그 css 문법 📝 HTML ~ : 제목 태그 : 글 단락 : 줄 바꾸기 : 텍스트 강조 태그는 단순 텍스트만 진하게 표시하는 역할을 수행 stromg은 웹 페이지 내 중요한 부분을 브라우저에게 알려주는 역할. -> 웹 접근성에 큰 기여를 한다. : 밑줄 : 이미지 : 링크, target="_blank" 새 창에서 열기 : 빈 박스 charset="utf-8" : 문자 인코딩 방식 명시 리스트 + : Ordered List, 순서 있는 목록 : List Item, 항목 + : Unordered List, 순서 없는 목록, 순서 없는 목록 : Lit Item, 항목 + + : Definiution List, 정의 목록 : Definiution Term,..
[TIL] 엘리스 SW 엔지니어 트랙 Day 001
[TIL] 엘리스 SW 엔지니어 트랙 Day 001
2021.10.25📖 오늘 배운 내용 - 2021.10.25 엘리스 SW 엔지니어 트랙 OT 진행 📝 전체 교육 과정 자바스크립트 기초(4주) TS, Node.js, Express.js, MongoDB (5주) React (7주) 화요일 ~ 토요일 수업 진행(10 to 18) 화요일, 목요일은 실시간 강의(2주 차만 화, 수 실시간 강의) 수요일, 금요일, 토요일은 온라인 학습 토요일 18~20시는 과제 및 테스트 진행 프로젝트 주간 (13:00 ~ 18:00, 20:00 ~ 22:00) 진행 화, 목, 토는 프로젝트 코칭 프로그래밍 기초와 알고리즘 스터디 운영 📝 레이서 커뮤니티 가입 lms 가입하고 비밀번호 변경 노션 자기소개 프로필 추가 디스코드 채널 입장 Gitlab 승인 요청 📝 주의 사항 수업에서 진행되는 내용..