분류 전체보기 (26) 썸네일형 리스트형 내일배움캠프 1주차 WIL HTML, CSS, JavaScript의 활용 Mini Project를 통해 직접 웹 페이지를 구성해봄으로써 HTML, CSS, JavaScript를 잘 이해하고 사용할 수 있었다. HTML은 뼈대를 구성하는 것일 뿐이라 활용하는 데에 있어서도 큰 어려움은 없었다. 하지만 CSS의 경우, 어떤 명령어를 입력하면 배치가 어떻게 되는지 등에 대한 감각이 아직은 부족한 것 같다. JavaScript의 경우 사용하는 데에 큰 어려움은 없었고, 오히려 신기한 함수들이 많아 재미있었다. CSS에 대한 연습은 계속 프로젝트를 하다 보면 잡힐 것이라 생각한다..! 웹 크롤링의 활용 Mini Project에서 나의 롤 전적을 크롤링해 출력해주는 기능을 추가함으로써 웹 크롤링 연습을 했다. 크롤링은 별로 어렵지 않았지만 .. 내일배움캠프 2022.04.22 TIL 프로젝트 완성하기 오늘은 프로젝트 제출일이기 때문에 화면 구성을 모두 마무리 지었다. 코드가 깨끗하지는 않지만 나름대로 전부 원하는대로 화면 구성은 된 것 같다..! 프로젝트 소개 영상 https://youtu.be/g22B46oeo2Q 프로젝트 배포 http://kimphysicsman.shop/ 꾸러기 9조대 우리팀 특징 - 힘순찐이란 우리 팀을 위한 말?! 다들 조용한 듯 보이지만 사실 이건 겉모습일뿐! 이야기를 하다보면 각자의 아이디어와 스킬들이 넘쳐난답니다. 서로의 능력을 조합해서 잘하는 kimphysicsman.shop KPT 회고 KEEP (좋았던거, 유지했으면 하는 부분) github 사용한 것 문제점 생겼을 때 끝까지 해결하려고 노력하는 모습 화면 공유해서 문제점, 코드 공유 및 해결한 .. 내일배움캠프 2022.04.21 TIL 개인 화면 구성하기 오늘은 하루종일 개인 화면만 구성했다. 디자인에 재능이 없는 건지 코딩에 재능이 없는 건지 모르겠지만 생각보다 너무 기운 빠지는 일이었다 ㅠㅠ 1. 홈 화면 홈 화면 구성은 자기 소개로 이루어진다. 아직 자기 소개를 다 작성하지 못해 빈칸이 숭숭 뚫려 있다. (아직 보기 싫음...) 주요 기능으로는 "SONGFLIX" 클릭 시 새로고침이 된다는 점, 헤더메뉴가 보이는 점, Total 기능이 있는 점이 있다. 새로고침 시에도 Total의 수는 1 증가한다. 2. LoL 전적 화면 헤더 메뉴에서 'LoL 전적'을 클릭하게 되면 스크롤바가 자동으로 이동하며 해당 화면으로 이동한다. 최근 15게임 동안의 전적을 보여준다. 'OP.GG' 라는 사이트에서 챔피언, kda, 승패 여부를 크롤링 해.. 내일배움캠프 2022.04.20 TIL 첫 Mini Project 시작 - 팀 별로 팀 및 자기 소개 홈페이지 만들기 오늘은 첫 Mini Project를 시작했다. 팀 별로 팀 소개가 있는 페이지에서 특정한 이벤트 (링크 클릭, 사진 클릭 등)를 통해 자신의 소개 페이지로 이동할 수 있는 홈페이지를 만드는 프로젝트였다. 처음에는 어떤 기능을 넣으면 좋을지, 어떻게 구성하면 좋을지, 어떤 테마를 활용하면 좋을지 등 너무 많은 생각이 지나가다 보니 막막했다. 하지만, 팀원들과 게더보드 내의 화이트 보드에 차근차근 정리를 하다 보니, 나름대로 차차 정리가 되는 것 같았다. 좋았던 점은 너무 욕심부리지 않고 최소한의 기능만을 생각한 후, 모든 기능을 구현한 후에 추가 기능을 차차 넣어가자는 의견이 우리 팀의 공통된 의견이었다는 것이었다. 우선은 테마.. 내일배움캠프 2022.04.19 TIL 파이썬 기본 문법 공부하기 1. 기본 출력 print("하이 스파르타~") 2. 변수 선언 a="하이" b="스파르타~" print(a+b) 즉, 파이썬은 JavaScript와 달리 변수 선언 시 let과 같은 명령어가 요구되지 않는다. 3. 리스트 선언 및 리스트에 요소 추가하기 fruit=["사과", "귤", "포도"] print("이전 리스트: ", fruit) what_i_want="감" fruit.append(what_i_want) #요소 추가 print("이후 리스트: ", fruit) 4. 딕셔너리 선언 및 딕셔너리에 요소 추가하기 gd_info={"이름": "권지용", "나이": 33, "소속그룹": "BIGBANG"} print("지드래곤의 이름은", gd_info["이름"], "입니다!.. 내일배움캠프 2022.04.18 TIL HTML과 CSS와 JavaScript를 이해해보자! HTML은 뼈대, CSS는 꾸미기, JavaScript는 특정 이벤트나 기능을 담당한다. 네이버 메인화면을 예시로 들어보자. HTML은 뼈대로서 'NAVER'라는 로고 옆에 검색창이 있게 하고, 검색창 밑에는 광고 배너가 있게 하는 등 기본적인 틀을 구성한다. CSS는 꾸미기로 '메일', '카페' 등은 초록색 굵은 글씨로 설정하고 '사전', '뉴스' 등은 검은색 글씨로 설정하는 등의 역할을 한다. JavaScript는 '로그인'을 누르면 다른 페이지로 이동한다든지, 광고 배너가 몇 초에 한 번씩 변화한다든지 등의 역할을 수행한다. 기본적인 문법 연습 1. 로그인 페이지 구성해보기 (HTML) 로그인 페이지 ID: PW: 로그인하기 2. 로그인 페이지 .. 이전 1 2 3 다음
