전체 글 (90) 썸네일형 리스트형 내일배움캠프 Day 7 JavaScript 기초 (2) 조건문 if else, else if const shoesPrice = 50000 if (shoesPrice < 40000) { console.log('신발을 사겠습니다.') } else if (shoesPrice 내일배움캠프 Day 6 오늘은 자바스크립트 기초를 복습하는 시간을 가졌다. JavaScript 기초 (1) 변수 변수 선언과 데이터 할당 자바스크립트에서 변수를 선언할 때는 let 과 const 를 사용 let name = 'Sinok Kim' // name이라는 변수에 Sinrok Kim 이라는 값을 할당 console.log(name) // 변수 name이 가리키고 있는 값 Sinrok Kim 을 출력 name = 'William' // 위에서 선언했던 name이라는 변수에 "William"이라는 값을 재할당 console.log(name) // 변수 name이 가리키고 있는 값 "William"을 출력 const는 let과 달리 변수에 값을 재할당할 필요가 없을 때 사용. 해당 변수가 고정된 값을 계속 갖고 있을 때 쓰인.. 내일배움캠프 Week 1 1주차가 끝났다. . 1주차에서는 웹개발 종합반에서 배운 내용을 바탕으로 팀원들과 팀 소개페이지를 만들었다. 우리팀의 경우 모두 비전공자 였지만, 각각 본인이 잘하는 것을 바탕으로 프로젝트에 헌신하였다. 또 서로 모르는 것들이 있으면 찾아본 뒤 솔루션을 공유해 주었다. 미니프로젝트를 끝마치고 느낀점은.. 나는 아직 많이 부족하다.. 웹개발 종합반을 보기도 하였고 그 전에 독학을 하였지만, 다른팀들의 프로젝트 결과물과, 우리팀원들의 멋진 결과물을 보고 다소 충격을 받았다... 그러나, 아직 5일차이지 않은가.. 튜터님께서는 지금 차이가 나는것은 아주 작은 차이니 걱정하지 말라고 하신다. 지금 처럼 열심히 하고 조금더 자신감을 갖도록 하자 ! 화이팅 ! 내일배움캠프 Day 5 내일배움캠프에 입단하고 첫주차에 준비한 미니프로젝트를 발표하는 날이다. 우리팀은 팀원분 모두 열심히 해주셔서 나름 잘 준비 한것 같았다. 다른팀분들도 다들 열심히 노력하신것 같은게 멋진 퍼포먼스를 보여주었다. 다른분들의 프로젝트를 보면서 가장 관심이 갔던것은 CSS grid 였다. CSS grid Flex는 가로 세로로 1차원 적으로 아이템 배치를 도와주지만 (wrap이라는 속성을 사용하면 한줄 아이템이 넘치는경우 줄바꿈 된다고함) grid는 2차원적으로가로 세로를 배치 할 수 있다고 한다. grid 사용 방법 부모 컨테이너 지정 display:grid grid-template-columms grid-template-rows grid-template-areas grid-gap React B반 9조 KPT 회고 9조 어구 1. 한 주의 흐름 1) 한 일 프로젝트 명: 젬스톤 필수 작업: 팀 소개 웹페이지 제작 팀원들의 정보를 보여줄 수 있는 페이지 구현 페이지별로 방명록을 입력 받을 수 있는 백엔드 개발 DB에 저장된 정보들을 사람들에게 보여줄 수 있는 페이지 제작 프로젝트 소개 문서 추가 작업: 반응형 웹 구현 , 방명록 & 소개글 탭 전환 기능 구현 2) 느낀점 성환 - 모두들 한 가지 이상 잘하는 분야가 있어서 각자의 위치에서 최선을 다해 주었다. 또 , 서로 부족한것을 피드백 해주어 같이 성장할 수 있었다고 생각한다. 상현 - 협업이 처음이라 많이 어려웠고 어색했지만 항상끝나고나면 아쉬운부분과 후회가 많아진다. 그에 대해 다음 프로젝트에 있어 이번프로젝트에서 하지못했던일들을 더 열심히 잘 하고싶다. 윤숙.. 내일배움캠프 Day4 CSS 란? HTML 을 꾸며준다고 하는데 이쁘게 만들어 줄 뿐만 아니라 웹페이지에 들어가는 요소의 위치를 정해줄 수 도 있다. FlexBox CSS에는 다양한 기능이 있지만 이중 FlexBox는 매우 대단하다... FlexBox는 박스와 아이템들을 행 또는 열을 자유자제로 바꿔주는 역할을 한다. 예를 들어 박스의 크기가 커지면 각각의 아이템들이 어떤식으로 커지는지 박스가 작아지면 아이템들이 어떻게 작아지는지 자유롭게 정의 할 수 있고 레이아웃을 쉽게 만들 수 있다. 이전에는 position , float , table 같은 녀석들을 사용 했지만 복잡하고 시간도 많이 소요 되고 또한 구현하는데 한계가 있었다. 그러나 CSS의 발달에 따라 Flexbox 가 등장하면서 위 문단 처럼 멋진 기능을 구현할 수 .. 내일배움캠프 Day3 인터넷과 웹 1.인터넷과 웹 (1) 인터넷은 전세계를 연결하는 국제 정보 통신망으로, 컴퓨터나 스마트폰 같은 디지털 기기로 연결되어 사람들이 정보를 공유할 수 있는 공간. (2) 웹은 인터넷 공간에서 제공하는 서비스 2.인터넷의 시작 (1) 미국의 신기술을 연구하는 ARPR에서 현재 웹은 모태가 되는 아파넷(ARPANET)을 개발 3. 팀 버너스 리 (1) 최초 웹 개발자 (2) W3CWorld Wide Web Consortium 창설 (3) HTML 표준을 비롯한 웹 표준안을 제작, 제안하는 일을 하는 국제적인 웹 표준화 단체 3.웹 동작 (1) 웹 요청과 응답 과정 ( 예: 치킨 주문) (2) URL 웹에서 어떤 대상을 구분하는 주소 (3) 서버와 클라이언트 -서버: 응답하는 쪽(제공자) -클라이언트.. 내일배움캠프 DAY 2 HTML 과 CSS HTML 과 CSS 는 너무 쉬워서 깊게 공부 하지 않다도 된다고 들었는데 .. 막상 혼자서 만들다 보니 생각보다 쉽지 않았다. 내가 원하는 대로 바꾸고 싶을때 어떤 선택자를 써야하는지도 모르겠고 사용했다고 해도 내가 원하는대로 나오지 않았다. 그래서 오늘은 HTML에 대해서 집중적으로 공부했다. HTML 에서 많이 쓰이는 태그 : 제목을 쓸때 사용 : 문단을 나눌때 사용 태그 : 링크를 달때 사용 : 비교적 긴 인용문에 사용 / cite 속성으로 출처 표시 : 저작물의 출처 표기 /제목을 반드시 포함 : 인용문 중 하이라이트 또는 사용자 행동과 연관된 곳 표시 리스트를 만들때 사용 리스트를 만들때 사용 123 순서로 생성됨 type, start 속성 사용 가능 리스트의 아이템 리스트.. 이전 1 ··· 8 9 10 11 12 다음
