E민

1. 클라이언트 - 서버 이해하기 2. Fetch [클라이언트→서버]: GET 요청 이해하기 서버 > api API는 은행 창구와 같은 것!, 서버는 ~은행 @@지점 // 다음부터 첫번째 / 전까지 => 서버 위치 첫번째 /부터 ?전까지 => 창구 이름 ? 뒤부터~ => 창구에 가져가는 데이터 (~는 ~다. -> 주민등록 번호는 9999..다.) https://movie.daum.net/moviedb/main?movieId=68593 위 주소는 크게 두 부분으로 쪼개짐 "?" 기준으로 앞 부분이 뒷 부분이 [영화 번호] * 서버 주소: https://movie.daum.net/moviedb/main?movieId=68593 * 영화 정보: movieId=68593 GET 방식으로 데이터를 전달하는 방법 ..

이번주에는 코딩 강의를 듣고 개인과제를 하며, 틈틈이 포폴 계획도 짜보고 부트캠프가 끝난 후의 생각도 하는 그런 약간의 행복회로를 데굴데굴 굴려봤다. 디자이너가 된 나, 생각하면 짜릿하기도 약간은 겁이 나기도 한다. 앞서가진 못해도 꽁무늬만 쫓아가진 말자 수없이 되새겼는데 나는 과연 잘 하고 있던 걸까? 싶은 생각도 든다. (사실 나 열심히 하고 있다. 진짜다.) 나 자신에게 부끄럽지 않아야 한다는 마음으로, 하루 끝에 서서 회고를 할 때면 가끔은 부끄러워지기도 하는데 몸이 좋지 않아서, 컨디션이 좋지 않아서 등의 하찮은 핑계들로 합리화했던 내 모습을 생각해 보면 다음날 더 열심히 해야겠다는 동기가 생기기도 한다. (순기능 아닌 순기능이랄까?) 지금까지 강의 듣기에만 몰두하기 급급했더라면 앞으로는 포트폴..

jQuery + fetch 로 웹페이지 제어 마스터하기! CSS - Bootstrap 남들이 만든 코드 모음, Javascript - JQuery도 남들이 만든 코드 모음, 라이브러리! $("#id") 지정한 ID 속성을 가지는 하나의 요소를 선택 $("element") 지정된 태그명을 가지는 모든 요소를 선택 'fetch'는 인터넷을 통해 데이터를 요청하고 받아오는 과정을 의미. Fetch는 짧은 코드로 데이터를 가져올 수 있음. 추억 앨범, 제이쿼리 적용1 postbox 열고 닫기 '추억 저장하기' 버튼을 누르면 '포스트 박스'가 나타나고 다시 '추억 저장하기' 버튼을 누르면 '포스트 박스'가 사라지도록 만들어 보자! #타이틀 아래에 코드 붙여넣기 (스파르타플릭스에서 복사해와서) 나만의 추억앨범 # ..

HTML = 뼈대 CSS = 꾸미기 Javascript = 움직이기 ! 프로그래밍 언어 5가지 1.변수 2.자료형 3.함수 4.조건문 5.반복문 Javascript 기초 문법 1 - 변수 이해 변수 변수 : 값을 담음(문자,숫자,..) => 값을 담아서 한 번에 관리하기에 용이! (치환 느낌?) console.log() : 검사->콘솔 _ 콘솔창에 뜨게 해주세요 변수 이름 : 내가 기억하기 쉽게 지정 ex) let name = 'bob'; let age = 28; let a = 'hello'; console.log(a); let a = '대한'; let b = '민국'; console.log(a); console.log(b); let a = '대한'; let b = '민국'; console.log(a+b..

240221(수) 02/20(화)~02/26(월) 기본 코딩 약 5개월 전에 대충 뚜들기던 HTML,CSS를 다시 만나게 될 줄이야 .. 나와는 맞지 않는 아이구나 하며 잠시 접어두었던 코딩을 다시 하게 되어 만감이 교차한다. 기본 코딩 1주차, 잊고 있던 VS코드를 다시 열었을 때의 그 묘한 감정, 잊고 있어 미안하다 .. 갈 길이 멀 것 같다 .. 튜터님이 말씀해 주신 @import 방법으로는 폰트가 적용이 되지 않아 링크 방법으로 폰트 적용을 시도 -> 에 폰트 링크를 넣고, 에 * { } 처리하여 font-family를 넣어 해결했다. 두 시간 가까이 @import 하는 방법으로 해보려 서치했는데 .. 다른 분들 하는 게 튜터님 방법인데 .. 왜 안 되는 건지 ...... 허 맘처럼 쉽게 되지 않..

스파르타플릭스 제작을 위한 기초 작업 index.html 스파르타 폴더 -> 스파르타플릭스 폴더 새로 만들기 VS코드 -> 파일 열기 -> 스파르타플릭스 -> 새파일 -> index.html title html:5 -> title 지정 스파르타플릭스 부트스트랩 CDN, 폰트 #헤드-타이틀 아래에 부트스트랩 CDN 복붙 스파르타플릭스 #헤드-타이틀-CDN 아래에 폰트 주소 복붙 #헤드-스타일-* { } 폰트 적용 * { font-family: "Hahmlet", serif; font-optical-sizing: auto; font-weight: ; font-style: normal; } ##결과 스파르타플릭스 * { font-family: "Hahmlet", serif; font-optical-sizing..

Visual Studio Code 입문 VS 코드 시작하기 바탕화면에 폴더 추가 -> 그 안에 또 다른 폴더 만들기 VS코드 -> 열기 -> 속 폴더 선택 -> 오른쪽 마우스 -> 새 파일 -> html:5 (기본값) 입력 DOCTYPE html> Document => 크게 헤드와 바디로 나뉨 * 헤드 : 페이지 속성, CSS 등 * 바디 : 페이지 내용 기초 태그 나는 구역을 나누죠 나는 문단이에요 bullet point!1 bullet point!2 h1은 제목을 나타내는 태그입니다. 페이지마다 하나씩 꼭 써주는 게 좋아요. 그래야 구글 검색이 잘 되거든요. h2는 소제목입니다. h3~h6도 각자의 역할이 있죠. 비중은 작지만.. span 태그입니다: 특정 글자를 꾸밀 때 써요 a 태그입니다: 하이퍼..

20240216Fri 고대하고 고대하던 금요일 !! !! 안 올 줄 알았는데 오긴 오는구나,,,...!! 이번주는 정말 12시간에서 밥 먹는 시간 제외하고 팀플만 쭈욱 붙들고 있었던 것 같은 느낌,, 후하후하 1. Keep 만족하는 부분, 앞으로도 유지하고 싶은 것 팀원들과 충분한 의견 공유, 문제 발생 시 바로 해결, 활발한 의사소통 등 커뮤니케이션 부분에서 확실히 좋은 팀 프로젝트였던 것 같다. 내 의견을 명확한 근거를 들어서 설명하는 것! 정말 중요한 스킬인 듯! 2. Problem 아쉽거나 개선이 필요한 부분 견해를 넓히는 것. 너무 한 부분에 집중하지 말 것. 다양하게 보려고 노력할 것. 3. Try Keep을 더 잘 하기 위한 방법, Problem에 대한 해결책, 당장 시도할 수 있는 Acti..