시작은코딩이지만끝은뭐가될지모르는 시작은코딩이지만끝은뭐가될지모르는

엘리스 SW엔지니어 트랙 2기 DAY_5 📝 목차 오늘의 잡담 git / github 차이 git 설치 (맥 OS) 용어정리 git init git add, git commit git status git diff git log 오늘의잡담 (feat .제주코딩베이스캠프) 어제 짧다고 말하면 안됐다.. 일할때도 오늘 한가하네? 라고 외치는 순간 몰아치는 일처럼.. git은 처음 써봐서 배우는데도 너무 애먹었다.. 설명을 봐도 이해가 너무 안돼서 다른 글 어디 없나 찾아보는데 때마침 ! 제주코딩베이스캠프에서 아주 최근에 올라온, 따끈따끈한 영상과 정리된 노션이 있었다 ! https://paullabworkspace.notion.site/GitHub-435ec8074bcf4353afb947f601a030df 알..

엘리스 SW엔지니어 트랙 2기 DAY_4 📝 목차 오늘의 잡담 Transform Transition Animation 미디어쿼리 📢오늘의 잡담 오늘은 개인적으로 수업 듣는 날. 강의가 의외로 짧다..?! 어쨌거나 7시간은 채워야하니 켜놓기는 하는데 가만히 있을순 없고, 미리 til을 작성해보자 ! 어제 배운 transition과 transform, 미디어쿼리를 조금 더 심도있게 배웠다. 그때 그때 배우면 이해는 가는데, 왜 막상 적용해보려하니 헷갈리고 고민되는지 😖 하나씩 vscode로 다시 살펴보면서 이해력을 높여보자 (오늘은 시간도 많이 남았으니까~) 다들 7시간 어떻게 채우냐고 아우성이었는데 , 오늘 디스코드를 보니 정확히 어떤식으로 운영되는지 안내가 나와 좋았다. 사진에서와 같이 기준 1,2를 모..

엘리스 SW엔지니어 트랙 2기 DAY_3 📝 목차 시작전 뻘소리 반찬타임 html>(head+body) h2+(ol>(li>a)*3) 태그 사이에서 바로 아랫줄, 윗줄로 가는 법 CSS 구분자 띄어쓰기 헷갈리지 않기 미디어쿼리 (feat. transition) Flex (아마 열심히 정리할 계획을 가지고 있음) 🎙 시작전 뻘소리 어제 1일,2일차를 같이 썼다고 치고, 오늘은 3일차다. 사실 오늘 3일차가 맞고 어제도 2일차쓴건데, 1일차는 쓸까말까 고민하다 지나간거라 생각하자 CSS 이거이거 은근, 은근 아니고 매우 까다로운 친구네 이고잉님의 실시간 강의는 매우 재미있다. 뭔가 뭐랄까, 유튜브 강의처럼 조곤조곤한데 소소한 것도 소소하지 않다고 해주며 항상 기운을 불어넣어준달까.. 오늘은 갑자기 아이디어가..

엘리스 SW엔지니어 트랙 2기 DAY_1 오늘부터 TIL 적어보려고한다. 뭔가 구분지어 올리기엔 배운게 많고.. 다 정리하자니 글이 너무 많아지고.. TIL을 적긴하는데 조금 아쉽긴 하네 나중에 한 눈에 찾아보기가 쉽진 않을듯 TIL 잘 적는 사람 찾아보고 따라써야겠다 😁 💻 웹 3가지를 고려하여 만들어야한다. 1. 웹 표준 2. 웹 접근성 3. 크로스 브라우징 🧐 html, CSS 0. article 태그 Article 태그(문서의 주요 이미지나 텍스트 등의 정보를 담고 구역을 설정하는 태그)에는 h# 태그가 필수로 들어가야한다. 이러쿵저러쿵 #은 h1~h6 중 뭐 넣어야된다는거 1. main 태그 main 태그 : 문서의 중요내용을 담는 태그, 익스플로러를 지원 안해줘서, role=main이라고 써줘..

- Wrap with abbreviation 활용 이 기능을 활용했을 때 장점: 예를 들면 어떤 텍스트를 적고 a 태그를 사용한다고 가정해보자. a 태그를 쓰면 닫히는 a 태그도 같이 자동완성으로 나오는 것까지는 좋은데, 다시 적은 텍스트를 안에 잘라내어 붙여넣기 해야한다. 그러나 Wrap with abbreviation을 활용하면 잘라내지 않고 빠르게 작성이 가능! 1. 보기 - 명령 팔레트 (command palette) 클릭 2. Wrap with abbreviation 입력 후 설정 모양을 눌러준다. 3. 키 바인딩을 더블 클릭 한 후 원하는 단축키를 입력한다. * 참고로 나는 command + control + , 로 했다. Wrap with abbreviation 활용 영상 영상처럼 a 태그가..

내가 쓰다 헷갈려서 작성하는 선택자쓰기 선택자는 웹 문서에서 어느 부분에 스타일을 적용할지 알려 주는 것이며, 선택자를 사용하는 방법은 미리 약속되어 있습니다. ✨전체 선택자 * { 속성: 값; ......} ✨타입 선택자 태그명 {스타일 규칙} 타입 선택자는 태그 이름을 선택자로 사용하므로 태그 선택자라고도 하고, 스타일을 적용하는 대상이 요소이므로 요소 선택자라고도 한다. 특정 태그를 사용한 모든 요소에 스타일을 적용한다. ✨클래스 선택자 .클래스명 {스타일 규칙} .(점)이 붙는다 특정 부분만 선택해서 스타일을 적용하려면 클래스 선택자를 사용한다. ✨id 선택자 #아이디명 {스타일 규칙} 클래스 선택자와 마찬가지로 웹 문서의 특정 부분을 선택해서 스타일을 지정할 때 사용한다. 마침표(.) 대신 # ..

Do it! HTML+CSS+자바스크립트 웹 표준의 정석에 있는 퀴즈입니다. HTML은 엄청 기초라 그냥 지나갈 수 있을 줄 알았는데, 모르는 부분이 많았다. 특히 챕터5의 입력 양식 작성하기 부분은 HTML을 이렇게 알차게 사용할 수 있구나를 배웠다. 폼을 만드는 것인데, 여러 폼 요소 의 기본형태 폼을 여러가지 태그를 사용하여 작성한다. 다양한 input 태그의 type 활용도 의미있었다. text 부터 password, search, email submit 등등등... 이런걸 다 외우진 않더라도 아 그런게 있었지? 하고 바로 기억하고 써먹는게 중요할 것 같다. 5장의 끝에 퀴즈 2개가 있는데 2번째 퀴즈가 도움됐다. 위 사진과 같은 폼을 만드는 것이다. 프런트엔드 개발자 지원서 HTML, CSS, ..

풀이 먼저 간단히 문제를 이해하고 넘어가자. 예제 3번이 가장 이해를 돕기 쉬운 예제로 느껴지는데, 5 ab aa aca ba bb 5번의 입력값을 받는데, 첫번째 ab - 서로 같은 문자가 아니며, 중복되지 않는다. 두번째 aa - 서로 같은 문자이지만, 연속되어 나온다. 세번째 aca - a가 두 개로 중복이지만, 연속되어 나오지 않는다 -1 네번째 ba - 서로 같은 문자가 아니며, 중복되지 않는다. 다섯번째 bb - - 서로 같은 문자이지만, 연속되어 나온다. 그렇기에 출력값은 4가 나온다. 찐풀이 n = int(input()) #입력값을 넣는다. for i in range(n): #입력값의 범위만큼 for문을 돌리며 a= input() #n번 입력하는 것 for j in range(len(a)-..