Hello creators 🙌

Ⅰ. 이번 회차 학습 목표 (goal) 1. 배우고자 하는 것 르탄이 나와 클릭하면 -> 이미지 & 텍스트 변경되는 것 핵심은 메시지랑 URL 을 바꿔치기 해서 다른 이미지가 나오게 하는 것! ⭐⭐⭐⭐⭐ Ⅱ. 기본 코드 및 api 확인 1. ajax code 퀴즈 풀기 이전 제공 코드 JQuery+Ajax의 조합을 연습하자! 3. 르탄이 API를 이용하기! 아래를 르탄이 사진으로 바꿔주세요 업데이트 버튼을 누를 때마다 지웠다 새로 씌여져야 합니다. 르탄이 나와 나는 ㅇㅇㅇ하는 르탄이! 기본적으로 이렇게 나옴 2. 르탄이 API 주소 http://spartacodingclub.shop/sparta_api/rtan 이렇게 나옴 Ⅲ. 해보기 1. 이전 단계랑 다른 점 : '이번 과정에서 사용하는 ajax는?'..

Ⅰ. 이번 회차 학습 목표 (goal) 1. 배우고자 하는 것 따릉이 데이터로 이렇게 만들기 업데이트 버튼 누르면 -> 나오게 5개 미만이면 -> 빨간색 Ⅱ. 따릉이 API 데이터 구조 확인 1. 해봐 따릉이 API http://spartacodingclub.shop/sparta_api/seoulbike 보면서 확인할 것 전체 데이터 구조 필요한 항목 이름 체크 Ⅲ. ajax 퀴즈 1 1. 기본 제공 코드 jQuery + Ajax의 조합을 연습하자! 2. 서울시 OpenAPI(실시간 따릉기 현황)를 이용하기 모든 위치의 따릉이 현황을 보여주세요 업데이트 버튼을 누를 때마다 지웠다 새로 씌여져야 합니다. 업데이트 거치대 위치 거치대 수 현재 거치된 따릉이 수 102. 망원역 1번출구 앞 22 0 103. ..

보호되어 있는 글입니다.

출처 스타일 GUIDE 링크 (https://cs50.readthedocs.io/style/c) 유형별 style guide 요약 style guide 의 필요성 reliably analyze your code’s style Line length a line of code is ==80 characters== long in C 왜냐면, old computer 가 '24 lines vertically and 80 characters horizontally' 를 담을 수 있었기 때문. javascript 에서의 제언 자바 스크립트는 특성상 굉장히 코드가 길어짐 your goal should instead be to ==break up lines (as via \n)== in locations ..

출처 스타일 GUIDE 링크 (https://cs50.readthedocs.io/style/c) 유형별 style guide 요약 style guide 의 필요성 reliably analyze your code’s style Line length a line of code is ==80 characters== long in C 왜냐면, old computer 가 '24 lines vertically and 80 characters horizontally' 를 담을 수 있었기 때문. javascript 에서의 제언 자바 스크립트는 특성상 굉장히 코드가 길어짐 your goal should instead be to ==break up lines (as via \n)== in locations that max..

학습 목표 (goal) 이해 하고자 하는 것 'CSS' CSS 중요 원리인 =='부모 자식 관계'== 만들고자 하는 것 '로그인 페이지' 를 꾸미기 학습 목표는? '이해' 의 경우 '' 만들기의 경우 구체적으로 어떤 코드를 해서 > 어떤 output 을 명확히 보여주기! syntax 의 경우 ''이런 output 만들려면 > 이런 code(태그) 필요하겠다.'' 를 떠올릴 수 있기. 복습 방향 ⭐⭐⭐ 고민중 CSS 이해 CSS 란? cascading style sheet. 물 흐르듯이 스타일이 변화해 간다. '==뭔가==를' '==꾸미는 것==' 꾸미려면, '==뭔가==를 가리키는 것' 이 전제 되어야 함. '뭔가' 는 뭘 의미? 꾸밈을 받는 대상 속성? 특성? '짱구 바지의 색' 을 바꾸고 싶어. 이때..

학습 목표 (goal) 만들고자 하는 것 로그인 페이지 학습 목표는? 이걸 안 보고 치는거? '어떤 기능(==태그==) 이 필요하겠다.' 정도를 떠올릴 수 있는 것? 만들어보는 학습에서 중요한 포인트 구체적으로 어떤 코드를 해서 > 어떤걸 만들게 되었는가! 복습 방향 ⭐⭐⭐ (고민중) 뼈대 만들기 로그인 페이지 Id : Password : 로그인 하기 : 버튼입니다

학습 목표 기본적인 '태그' 가 '어떤 output' 을 내는지 'library' 만들어놓기 여기에 있는걸 ==코드 스니펫== 으로 사용할 수 있게 ==syntax 정리== syntax 정리할 때의 포인트 ⭐⭐⭐⭐⭐ input > ==code== > ==output== 이 ==명확==하게 보일 수 있도록! '뭔가를 쓸 수 있는 공간' 처럼 내가 직관적으로 써넣을 수 있는 것들 까지 ==검색을 위해 '직관적 유사어'== 최대한 많이 기록 복습 방향 ⭐⭐⭐ 암기 노노 ==이런 output== 을 내려면 -> ==어떤 키워드, 태그, 를== 떠올려서, ==검색해야 하나?== 정도만 구체적인 syntax 는 여기에서 =='복붙'== 으로 해결 기본 태그(tag) 이해 ### div 태그 구역을 나누는 기능 나는..

학습 목표 '해킹' 을 통해 내가 네이버 검색을 하고 -> 브라우저가 서버에 뭔가를 주고 -> 서버는 그 다음 뭘 하고 -> 그 다음 브라우저는 무엇을 하는지 이해할 수 있다. 쉽게 말하면, 클라이언트, 브라우저, 서버를 쉽게 쉽게 이해해보기 '가짜 해킹'을 통해 인터넷 핵심 요소 이해하기 1️⃣ (사용자) 내가 네이버에서 '삼성전자' 라고 검색하고 enter 누른다. 2️⃣ (브라우저) 그러면, 브라우저는 '서버' 에게 'query값이 반영된 ==삼형제==' 를 요청한다. 다만, 아직, 구체적으로 무엇이라고 명명해야 하는지는 모르겠음. 나에게 일어나고 있는 일을 이렇게 기록하는 것 임 3️⃣ (서버) 서버는 브라우저의 요청에 삼형제를 주는 response' 을 한다. 4️⃣ (브라우저) ==브라우저==..

Big - o 를 직관적으로 이해하고 , 사용시 실익이 무엇인지 알아보자. Big - O 표기가 뭔데? '알고리즘' 의 '효율성' 을 측정하는 '기준' 중 하나. Big - O 가 왜 필요한데? 알고리즘을 쓰는 이유? 더 '효율적' 이기 위해 ex) 더 많은 사람이 웹으로, 더 빨리 계산하기, 더 정확하게 계산하기 그러려면, 어떤 알고리즘이 더 효율적인지 '비교' 가 필요. 비교를 하려면 ‘기준’ 이 필요함. 그러면, ‘어떤 기준으로 알고리즘 성능을 비교’ 할 수 있을까? 가장 쉽게 생각할 수 있는 건, ‘시간 측정’ 하지만 '시간 측정' 시 몇 가지 문제가 있음. 첫 번쨰, ‘환경’ 변수. 동일한 알고리즘이라고 해도, 다른 환경(다른 PC, 다른 CPU, 다른 네트워크 등) 속도가 다르게 측정됨. 따라..