분류 전체보기 131

[엘리스 AI트랙] 02-03-03 자바스크립트 2 (사실 제이쿼리 소개)

WIL은 한 주간 새롭게 알게 된 내용 위주로 작성하고 있어요 ✏️ 1. 제이쿼리 선택자 $("h1") $("#title") $(".article") $("~~~") 2. 제이쿼리 이벤트 $("h1").mouseenter // 요소의 경계 밖에서 안으로 마우스가 들어올 때 $("h1").mouseleave // 요소의 경계 안에서 밖으로 마우스가 나갈 때 $("h1").click // 마우스를 클릭할 때 $("h1").hide() // display 속성을 none으로 (감춤) $("h1").show() // display 속성을 block으로 (보이게) $("h1").toggle() //현재 상태의 반대로 $("h1").fadeOut() // 선택한 요소가 서서히 사라지게 $("h1").fadeIn()..

[엘리스 AI트랙] 02-03-01 ~ 02-03-02 자바스크립트 2

WIL은 한 주간 새롭게 알게 된 내용 위주로 작성하고 있어요 ✏️ 1. DOM(Document Object Mode, 문서 객체 모델) 객체 지향 모델로써 구조화된 문서를 표현하는 방식 트리 구조 XML이나 HTML 문서의 프로그래밍 인터페이스 문서의 구조화된 표현을 제공하여 프로그래밍 언어가 문서 구조, 스타일, 내용 등을 변경할 수 있도록 함 종류: Core Dom(for 모든 문서 타입), HTML Dom, XML Dom (1) Document 객체 웹 페이지를 의미 웹 페이지에 존재하는 HTML 요소에 접근하고자 할 때는 반드시 Document 객체부터 시작해야함 (2) HTML 요소의 선택 - 새로운 HTML 요소 선택을 위해 제공되는 메서드 메서드 설명 document.getElementBy..

[엘리스 AI트랙] 02-02-03 자바스크립트 1

WIL은 한 주간 새롭게 알게 된 내용 위주로 작성하고 있어요 ✏️ 1. 자바스크립트의 데이터 타입 String 문자열 Number 숫자 Function 함수 Array 배열 Object 객체 Boolean 불린 undefined 정의되지 않음 null 널 1) 배열: 비슷한 성격을 갖고 있는 데이터를 하나의 변수 안에서 관리 2) 객체: 프로퍼티, 메서드, 데이터로 구성되어 있으며 여러 종류의 데이터 타입 삽입 가능 3) undefined은 값이 정의되지 않은 것, null은 임의로 빈 데이터를 삽입한 것 2. 자바스크립트의 프로퍼티와 메서드 사실 두 개의 개념이 좀 헷갈렸는데 쉽게 정리한 글을 발견👍 https://www.codeit.kr/community/threads/22083 코딩이 처음이라면,..

[엘리스 AI트랙] 엘리스 3기 2주차 후기 👀

1주차만 순삭이고 적응됐을 거라고 생각한 2주차...는 더 빨리 지나갔다.......ㅋㅋㅋㅋㅋ 저는...엘리스의 밀림의 왕입니다 1. 엘리스는 스터디 제도가 있다...나는 시험 커트라인을 넘겨서 내가 듣고싶은 스터디를 들어갈 수 있게 돼따... 사실 아직 스터디 모집도 안해서 이거는 후기를 남길수 없다 🥸 개인적으로 난 알고리즘 스터디 들어가고 싶다 왜냐면 교수님이 투척하신 내 알고리즘 성적은.....(대충 작고 깜찍한 알파벳) 2. 코치님들이 각각의 개성이 뚜렷한 느낌이다ㅋㅋㅋ(내 기준) 일단 잘 가르치시는건 당연하고 👍 특히 귀여우신 우리반 코치님...게다가 엄청나게 열정적이시기까지 😇🔥 그래서 공부할게 밀렸다 흑흑 분명 1주차 다 따라잡았었는데...이상하다...( ᵕ̩̩ㅅᵕ̩̩ ) 그치만 확실히 혼..

elice/🐰🏁 2021.10.04

[엘리스 AI트랙] 01-05-03 웹 프로그래밍 기초 (...근데 이제 리눅스를 곁들인)

WIL은 한 주간 새롭게 알게 된 내용 위주로 작성하고 있어요 ✏️ 1. 정규 표현식 // 링크 추가 예정 2. grep grep [option] [pattern] [파일명] 3. File Redirection 표준 스트림의 흐름을 바꾸어 일반적인 표준 입출력 및 오류를 사용하지 않고 다른 경로인 파일로 재지정 하는 것을 의미 → 파일로 입력을 받거나 출력을 받을 수 있음 표준 스트림의 종류: stdin(키보드 입력), stdout(화면 출력), stderr(오류 내용 출력) ← 문자열로 콘솔에 출력되도록 설정되어 있음 > : 표준 출력을 재지정 ls > ls.txt는 ls의 실행 내용을 ls.txt에 저장하겠다는 뜻 >> : 파일이 존재하지 않는다면 파일을 새로 생성하고, 존재한다면 파일내용에 덧붙여서..

[엘리스 AI트랙] 01-05 -01 ~ 01-05 -02 웹 프로그래밍 기초 (...근데 이제 리눅스를 곁들인)

WIL은 한 주간 새롭게 알게 된 내용 위주로 작성하고 있어요 ✏️ 1. 리눅스의 구조 1) Shell 커널과 사용자 사이를 이어주는 역할 수행 사용자의 명령을 해석하여 커널에 명령을 전달 ex) bash, zsh... 2. 리눅스 명령어 whoami 로그인한 사용자 ID 반환 passwd 로그인한 사용자의 비밀번호를 변경 pwd 현재 디렉토리 위치 출력 ls [[-a], [-l], [-al]] 현재 디렉토리의 목록을 출력 cd 해당 디렉토리로 이동 명령어 --help 명령어에 대한 사용 방법 출력 chmod 파일권한 변경할 파일 위치(or 이름) 파일의 권한 변경 chown 소유할 유저:소유할 그룹 소유권 변경하고 싶은 디렉토리(or 파일명) 파일의 소유권 변경(root 권한이 있어야 실행 가능) mk..

[엘리스 AI트랙] 엘리스 3기 1주차 후기 🐰

바람같이 날아간 1주차를 보내고 느낀점을 까먹기 전에 대강이라도 써보려고 하는 포스팅 🌪🍃 1. 열정맨🔥인 사람들이 아주 많다...! 수업도 다들 열심히 듣는다는게 느껴지고 무엇보다 내 작고 하찮은 질문도 왜 저런 질문을,,,이 아닌 친절하신 말투로 다들 어디선가 달려와서 대답해주심👍👍 나도 더 열심히 해야겠다는 생각이 자연스럽게 든다 그리고 자기가 알게된 사실을 공유해주는 사람들이 많아서 배움의 깊이가 더 깊어지는 느낌? 언젠가 나도 내가 *멋지게* 정리한걸 공유하고 싶다...🙂 2. 공부 분량이...많다 OT때 7시간을 채울수 있는 공부량을 준다는게...과장이 아니였음...^^ 물론 공부할게 적은것보다는 많은게 좋으니까 좋긴하다만...아모튼 많음 더 열심히 해야 따라갈수 있을듯...이번주는 백신맞고 ..

elice/🐰🏁 2021.09.22

[엘리스 AI트랙] 01-04 웹 프로그래밍 기초

WIL은 한 주간 새롭게 알게 된 내용 위주로 작성하고 있어요 ✏️ [01-04] 9 / 17 1. 모바일 태그 name="viewport" content="width=device-width" : 보고 있는 기기 화면에 맞게 콘텐츠의 크기를 조정' content="initial-scale=1.0": 실제 비율 2. position - 2차원과 3차원의 차이 ★ // 상속되지 않는다 2차원 3차원 부모-자식 사이 margin 병합 현상 발생? O X top, left, right, bottom (어느 위치에 위치시킬건지 직접 지정) X O 자식의 높이값이 부모의 높이값에 영향? (전제조건: 부모가 높이값을 갖고있지 않음) O X z-index 속성 사용 가능? X O 1) static position 속성..

[엘리스 AI트랙] 01-01 ~ 01-03 웹 프로그래밍 기초

WIL은 한 주간 새롭게 알게 된 내용 위주로 작성하고 있어요 ✏️ [01-01] 9 / 14 □ 설치 □ 실행 □ 배포 1. 인터넷과 웹의 차이점 웹은 인터넷의 부분집합 인터넷이 도로라면, 웹은 그 위에 달리는 자동차 웹은 인터넷에서 운영되는 하나의 앱 2. 클라우드와 호스팅은 본질적으로는 같다 [01-02] 9 / 15 1. Emmet HTML 단축 플러그인 [01-03] 9 / 16 1. 박스 모델 border를 기준으로 margin(안쪽) padding(바깥쪽) 나누기 margin과 padding의 작성 순서 top / right / bottom / left (시계 방향) 상하 / 좌우 2. Block 요소와 Inline 요소 Block 요소: y축 정렬로 컨텐츠가 나타남 p, div, h1 ~ ..

[프로그래머스] 카펫 - Python

링크 https://programmers.co.kr/learn/courses/30/lessons/42842?language=python3 코딩테스트 연습 - 카펫 Leo는 카펫을 사러 갔다가 아래 그림과 같이 중앙에는 노란색으로 칠해져 있고 테두리 1줄은 갈색으로 칠해져 있는 격자 모양 카펫을 봤습니다. Leo는 집으로 돌아와서 아까 본 카펫의 노란색과 programmers.co.kr 문제 설명 Leo는 카펫을 사러 갔다가 아래 그림과 같이 중앙에는 노란색으로 칠해져 있고 테두리 1줄은 갈색으로 칠해져 있는 격자 모양 카펫을 봤습니다. Leo는 집으로 돌아와서 아까 본 카펫의 노란색과 갈색으로 색칠된 격자의 개수는 기억했지만, 전체 카펫의 크기는 기억하지 못했습니다. Leo가 본 카펫에서 갈색 격자의 수..

PS:0 2021.09.09