캠프

ES6 문법이란?ES6는 JS의 버전 중 하나로 2015년에 발표되었다.2015년과 다르게 대규모 문법적 향상이 있었기에 언급이 되었다. ES6 문법1. LET(변수) CONST(상수)한 번 선언하고 할당한 값에 다시 재할당을 할 수 있느냐 없느냐가 가장 큰 차이점이다. 2. function화살표 함수는 function () {}를 () => {}로 줄인 것이다. 3. 삼항 연산자condition ? true인경우 : false인 경우 4. (활용도 굿) 구조분해할당 : de(not)structure(구조)배열이나 객체의 속성을 분해해서 하나하나 떼어내서 변수에 담을 수 있게 한 것 4-1 배열의 경우let [value1, value2] = [1, "new"]value1에 1을, value2에 "new"..

1차시도 처음에 뭔가 문자열이 알파벳이 따로 들어가 있는 게 아니라, 단어 형식으로 들어가있는 것이라고 생각해서 문자열을 잘라서 해봐야겠다는 생각이 들었다. 하지만 우리가 배운 내용에는 없었기에 따로 찾아봤다.  split 함수를 사용하여 문자열을 배열로 변환 후 배열의 크기에서 -1을 하면 특정 문자의 개수를 구할 수 있다. 라는 말이 있어, 1차에는 split함수를 사용했고, 테스트까지만 해도 잘 나왔기에 통과할 줄 알았다. 그러나 정답률이 60%밖에 되지 않았고 테스트에서는 문제점을 발견하기 힘들었기에 테스트 케이스를 추가했다.문자열이 어느정도의 길이를 넘어가면 오류가 발생하는 것 같았다.  그래서 다른 방법을 시도하기 위해 질문들을 참고하였다.+) 나중에 보니 테스트 3번은 관계가 없었다...;;..

JS 역사1995년에 자바 스크립트가 탄생했는데, 현재 Java Script로 알려진 js는 원래 LiveScript였는데 갑자기 js로 바뀌었다고 한다. 즉 java와는 관련이 없다는 말씀,,,! 이후 2005년 AJAX가 등장하면서 ux가 폭팔적으로 향상했다.- ux(User Experience) 유저들이 얼마나 편하게 웹을 이용하는가  그 뒤로 4년 후인 2009년 node.js가 등장하고 서버 개발이 활성화 되면서 JS는 하나의 언어로 프론트, 백, DB가 가능한 풀스택 언어가 되었다. JS 특징객체지향과 절차지향절차지향은 첫 번째 일을 처리한 다음에 두 번째 일을 처리하는 것인 반면, 객체 지향은 어떠한 역할을 가진 객체라는 그룹으로 묶어서 객체라는 그룹 단위로 프로그래밍을 수행(처리)하는 것이..

미니 프로젝트 3,4일차 회고3일차에는 몸이 너무 안 좋아(위장염, 결장염이란다), 제대로 집중을 하지 못해 js변수에 대해 간단하게 정리하고, 강의 2주차를 정리하는 시간을 가졌었다. 사실 변수 부분도 간단하게 정리만 하였고, 제대로 파고들지 못해 아쉽다. 이어서 작성하려고 했으나, 내일 하게 될 것 같다. 그리하여 4일차로 넘어가는데 4일차는 3일차보다 아픈 게 더 심해서 병원에 가서 링거를 맞고 왔다. 살면서 아파서 링거를 맞은 일이 거의 없는데... 쩝 여튼 병원에 가기 전에 조금이나마 공부했던 부분들에 대해 정리를 할까 한다. 코드 정리overflow다른 조원들이 만든 개인 페이지들을 보고 하나 신기했던 것이 있어 적어본다. 그것은 바로 overflow:scroll; 인데 그 전에 overflo..

웹개발 종합반 2주차 정리 js는 웹페이지에 움직임을 더해주는 것  스파르타플릭스부트 스트랩을 이용해서 홈페이지를 제작했다. 부트스트랩은 우리가 css를 link href을 이용해서 연결시키고 사용하는 것처럼 마찬가지로 link href를 통해 부트스트랩과 html페이지를 연결한 뒤, 클래스를 호출하여 홈페이지를 보다 더 간단하게 꾸미는 것이다.  ui, li, form, input \ 열을 3개에서 4개로 바꾸고 싶으면 cols-md-3 g-4를 위처럼 바꾸면 된다. 영화 이미지 주소  이 코드를 보면 label과 input이 있는데, 두 항목에 css를 넣지 않으면 이러한 결과가 나온다. 허나 내가 해야 하는 것은 아래 흰색 상자들의..

스크림을 하며 부트캠프를 시작하였다.어제 봤을 때는(지금은 또 괜찮아보임) 괜찮아보이던 폰트의 크기들이 너무 큰 것 같아 줄여야하나 싶은 생각도 들지만, 나중에 같이 완성본을 보면서 수정하는 게 좋아보인다. 오늘은 개인페이지의 디자인을 진행하였다. 음... 코드나 진행 과정에 대해 설명을 해보려고 했으나, 이전에 진행하였던 요소들의 반복이라 설명할 것이 없었다. 오늘 알아낸 것은 사진에 radius를 주는데 적용이 되질 않아, 확인해보니 padding을 넣어서 그랬던 것이었다. 나중에 padding과 radius, margin과의 관계를 알아보는 것이 좋을 것 같다는 생각이 들었다. 다음 시간에는 못들었던 강의들을 들어야겠다.결과물 CSS 더보기@font-face { font-family: "SDG..