본문 바로가기

전체 글

JSON 의 디테일 *JSON이란? 서버에서 클라이언트로 데이터를 보낼 때 사용하는 양식 JSON은 Key:Value로 이루어져 있다. (자료형 Dictionary와 매우 유사) 반대로, 클라이언트에서 서버로 데이터를 요청할 땐? * GET → 통상적으로! 데이터 조회(Read)를 요청할 때 예) 영화 목록 조회 * POST → 통상적으로! 데이터 생성(Create), 변경(Update), 삭제(Delete) 요청 할 때 예) 회원가입, 회원탈퇴, 비밀번호 수정 기본 개념 이해하기: 위 주소는 크게 두 부분으로 쪼개집니다. 바로 "?"가 쪼개지는 지점인데요. "?" 기준으로 앞부분이 , 뒷부분이 [영화 번호] 입니다. * 서버 주소: * 영화 정보: code=161967 ajax 사용하기 $.ajax({ type: "GET.. 더보기
jQuery의 디테일 jQuery란? HTML의 요소들을 조작하는, 편리한 Javascript를 미리 작성해둔 것. 1) 코드가 복잡하고, 2) 브라우저 간 호환성 문제도 고려해야해서, jQuery라는 라이브러리가 등장! $('#element').hide(); jQuery를 쓰려면 누가 대신 써준 코드를 '임포트' 해야한다. *임포트: 미리 작성된 Javascript 코드를 가져오는 것 어디서? https://www.w3schools.com/jquery/jquery_get_started.asp jQuery Get Started W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering.. 더보기
Javascript의 디테일 console 탭: 개발자들이 쉽게 자바스크립트 테스트 해볼 수 있도록 만든 것. (새로고침하면 어차피 없어짐) - 방법: "마우스 오른쪽 클릭 → 검사 → console" console.log(변수) 는, 콘솔 창에 괄호 안의 값을 출력! 이건 코드 짜면서 계속 맞는 방향으로 가는지 체크하기 좋음. let a = 1 let b = 2 a+b // 3 a/b // 0.5 let first = 'Bob' let last = 'Lee' first+last // 'BobLee' first+' '+last // 'Bob Lee' first+a // Bob1 -> 문자+숫자를 하면, 숫자를 문자로 바꾼 뒤 수행합니다. 변수명 (let ____ = )의 경우 쉽게 알아볼 수 있는 걸로 설정! 단, snake cas.. 더보기
HTML, CSS, JAVASCRIPT 의 기초 HTML은 뼈대, CSS는 꾸미기! 👉 HTML은 구역과 텍스트를 나타내는 코드로, CSS는 잡은 구역을 꾸며주는 것. HTML 내 style 속성으로 꾸미기를 할 수 있지만, 긴 세월동안 이것을 한데 모아 볼 수 있는 CSS 파일이 탄생. HTML 코드 내에 CSS 파일을 불러와서 적용! HTML HTML은 크게 head 와 body 로 구성되어있음. head안에는 페이지의 속성 정보를, body안에는 페이지의 내용을 담는다. *head 에 들어가는 대표적인 요소: meta, script, link, title 등 *body 에 들어가는 대표적인 요소: div (구역), p (문단), h1 (제목), h2 (소제목) 등 간단한 예시) CSS CSS는 안에 로 공간을 만들어 작성한다. *자주 쓰이는 CS.. 더보기
스파르타 코딩 _ 웹개발 종합반 4~5주차 4주차~5주차 스크래핑을 통해 지니 뮤직 100, 영화순위 등을 robo 3T로 가져옴. 숙제 - 하나씩 붙여넣는 작업 진행. 여러개를 붙일 때 temp_html 활용 (맨 마지막에 하기와 같이 넣으면 끝!) $(‘#star-box’).append(temp_html) *매번 리프레쉬해줄 수 있는 기능: window.location.reload() 서버쪽 = API 클라이언트쪽 = Html 서버는 클라이언트 (=브라우저)가 요청하면 뭔가를 주는 행위. (ajex로 요청오면 데이터 주는 등) 서버는 어떤 컴퓨터든지 역할을 수행할 수 있음. 하지만 언제나 요청에 응하려면 컴터가 항상 켜있어서 프로그램 실행되어있어야 하기 때문에, 이제는 인터넷 있는 환경 (클라우드 : AWS)에 올려놓고 거기로 접속하도록 함... 더보기
스파르타 코딩 _ 웹개발 종합반 3주차 3주차 Beautiful soup - 파이썬에서 preferences add해서 bs4 install. 크롤링이 아닌 스크래핑. print(ddd.text) 처럼 .text 로 칠 경우 텍스트만 출력됨. Database (DB) = 나중에 데이터를 잘 찾아오기 위해 쌓는 것. (책장처럼) SQL (My-SQL, MS-SQL) vs. No SQL (몽고DB) 4가지 기억! insert / find / update / delete 항상 몽고DB에서 데이터 가져올 땐 이거 쓸 것임 : list(db.users.find({},{'_id':False}) (ID는 안가져오게 하는 방법이 false) # 저장 - 예시 doc = {'name':'bobby','age':21} db.users.insert_one(doc.. 더보기
스파르타 코딩 _ 웹개발 종합반 2주차 jQuery 는 편하게 하기 위해 남이 만든 java script 를 불러오는 것이다. 중간 중간 alert 이나 console.log 를 통해 잘 적용되고 있는지 확인하는 것이 좋다. (console.log 활용법 예시) Txt 에 아무거나 입력하고, html의 검사 창 console탭 확인하면 해당 txt가 이렇게 뜸 긴 text같은 경우 let txt = 어쩌구, or let domain = 어쩌구 이런 식으로 지정해주자. Attr를 기억하자! $(“#img id”).attr(“src”, imgurl) 로딩 되자마자 q1함수내용이 들어가는거임. $(document).ready(function () { q1(); }); 더보기
제 2회 스파르톤 생존일지 9/4일 토요일. 인생에서 한번도 안해본 2가지. 코딩, 그리고 밤을 새보는 것. 오늘 그 두가지를 스파르톤과 함께 해보고자 한다. 그럼 생존일지를 시작하겠다. 9 p.m. 제2회 스파르톤 시작 텐션 엄청 좋으신 선애 매니저님과 함께하게된 우리 6조. 우리팀 이름은 '고추바사삭'으로 결정되었다. 태현님께서 고추바사삭을 제일 좋아한다했는데, 속으로 너무 반가웠다. 내 최애치킨도 고추바사삭인데.. 그분께서 실제로 시작 전 치킨까지 시키셨는데, 직접 영상으로 보여주시니 더 배고파졌다. 아무래도 곧 치킨을 시켜야할 것 같다. (이따가 골든벨 할때 상품이 치킨이라는데, 그때를 노려볼까나) 10 p.m. 웹개발 종합반 1주차 시작 사실 난 다음주 개강이라 아직 오픈이 안되어 수강이 어렵다는 것을 알게되었고, 매니저.. 더보기

티스토리툴바