제인의 블로그

[JS 언어의 특징] 1. 객체 지향 프로그래밍 지원   1) 절차지향      - 순서대로 실행  2) 객체지향      - 데이터와 함수는 객체라는 그룹으로 묶어서 처리하는 방법     * JS에서 객체를 만들땐?     : 중괄호{} 를 이용하여 객체를 만들고 쉼표, 로 구분한다. 2. 동적타이핑: 자바스크립트는 동적타이핑을 지원하는 언어/ 변수를 선언할 때 타입을 지정하지않음.let myVariable = "Hello, world!"; // 변수 선언 및 문자열 데이터 타입으로 할당console.log(typeof myVariable); // "string" 출력myVariable = 123; // 숫자 데이터 타입으로 할당console.log(typeof myVariable); // "numbe..

- 오늘 한 것 - 모달 관련 html 작성- 모달관련 css 작성#  html Open Fade_In Modal with jQuery X //닫는 버튼 Image /* 임시적으로 그룹.png 파일 입력*/ /* Name /* Title  #css@import url('https://fonts.googleapis.com/css?family=Raleway&display=swap');* { box-sizing: border-box;}body{ font-f..

내가 오늘 무엇을 했을까 쓰는 TIL 작성..사실 미니 프로젝트를 하고 있다이런거 합니다.  그중에 어떤거 하냐구요? 여기서 Members를 맡고이쑴다 ㅋㅋㅋㅋ 여태 배운거 활용해서 하고 있는데.... 그것보다  오늘 GIT 연동하느라 너무너무 힘들었어요튜터님이랑 같이 골머리 싸매면서 하루종일 거기 집중한느낌이랄까...그래도 지원이랑 병수튜터님이랑 현희님 등등 모두가 절 도와주는 느낌이라 오늘 하루도 되게 따뜻한 느낌을 많이 받은거같아요! 사실 오늘 코드 작성한거라고 해봤자 부트스트랩 이용해서 적당히 카드 만들어가며 한게 별로 없는것같아서 내일은 쉬는날이지만 조금 더 시간을 투자해보려고 합니타... 우리팀은 조금 섬세한팀이라 진전은 느리지만 거북이가 완주한것처럼 저희도 천천히 하다보면 정말 맘에 드는 프..

TIL : Today I Learned - 기록: 무엇을 배웠는지 기록 - 성장: 학습한것을 정리하며 이해도를 높이고, 복습도 가능합니다-활용: 비슷한 문제 발생시 활용가능 - TIL 블로그 작성: 신입이 가장 빠르게 결험과 실력 그리고 성실성을 증명하는법 1. 강의내용정리 // 오늘 있었던 일 정리2. 느낀점 작성3. 개선방안 정리4. 문제 해결과정 (원인이 무엇? / 해결 과정 작성)5. 문제 해결과정 느낀점, 개선방안 작성 - 공부 프로젝트 진행중 모든 생각과 과정 동시기록시도 1 -> 실패시도 2 -> 실패시도 3 -> 실패튜터님께 질문 -> ~~가 원인시도 4 -> 성공 프로젝트 회고

Bash -> terminal 1. PWD (Print Working Directory)  - 내가 작업하는 폴더를 보여달라는 뜻 * ~는 Home(홈)이라는 경로이며, 우리가 보는 데스크탑보다 더 상위의 폴더를 말함 2. LS (List) - 내 폴더 안에 있는 폴더 & 파일 내역을 보여줌. 3. LS-a (List -All) - 숨겨진 파일이나 폴더도 볼수있음 4. CD 폴더명 (Change Directory) - Desktop 안의 다른 폴더로 이동가능 - 마치 데스크탑의 폴더를 더블클릭해서 들어간것과 같은 효과 1) .. => 한 단계위의 폴더 라는 뜻 2) 폴더명/폴더명으로 한번에 더 깊이 들어갈 수 있음 5. mkdir 폴더명 (make directory) (directory : 폴더) - 현..

자바스크립트 기초! [변수]1. 변수란? 변수는 데이터를 저장하기 위한 공간이라고 생각하면된다. 컴퓨터는 우리가 준 데이터를 기억하기 위해 메모리를 사용하고, 변수는 이 메모리에서 데이터를 저장할 수 있는 위치를 나타내요.ex) 이름을 기억할 수 있는 변수를 만들고, 그 변수에 이름을 저장하는 거에요. 나중에 언제든지 이 이름을 불러올 수 있어요.2. 변수 선언하기자바스크립트에서 변수를 선언할 때는 'var, let,const'라는 키워드를 사용해요.'var'는 자바스크립트의 초기부터 사용되던 방법이지만, 요즘에는 'let'과 'const' 주로 사용.'let' 은 값을 변경할 수있는 변수이고, 'const'는 한 번 정해지면 값을 변경할 수 없는 상수에요. ex) 원주율을 나타내는 π 같은 값은 변하지..

console.log 로 특수 문자를 출력하여 강아지를 그립니다.그림에 대한 설명도 출력합니다.그림에 대한 경고 메시지도 추가합니다.오류 메시지도 출력합니다.마지막으로, 강아지를 그리는 데 걸린 시간을 출력합니다. 뿌..뿌듯해! 만족스러워!

1. 변수를 선언하고 값을 할당해요.var 키워드를 사용해 firstName이라는 변수를 선언하고, "John"이라는 값을 저장하세요.let 키워드를 사용해 lastName이라는 변수를 선언하고, "Doe"라는 값을 저장하세요.const 키워드를 사용해 birthYear라는 변수를 선언하고, 1990이라는 값을 저장하세요.2. 변수를 출력해요.1번에서 선언한 firstName, lastName, birthYear 변수를 console.log()를 사용해 출력하세요. 3. 변수 값을 변경해요.firstName 변수의 값을 "Jane"으로 변경하고, 다시 console.log()를 사용해 출력하세요.birthYear 변수의 값을 변경하려고 시도하고, 어떤 오류가 발생하는지 확인하세요.    ..

HTML- 웹페이지를 만들때 쓰는 언어 CSS- HTML로 만든 웹페이지를 꾸밀때 사용하는 언어. (포장지같은 역할을 하는 친구) Backend- 사람들이 볼수 없는 서버, 데이터 , 보안 처럼 모든걸 원할하게 돌아가게 하는 부분 Frontend- 사람들이 직접 보고 결험하는 부분 DataBase- 여러가지 데이터를 모아놓은 저장소. SQL- 데이터베이스에서 데이터를 불러오고, 조작할 때 사용하는 언어 Bug(버그)- 프로그래머가 잘못 코딩해서 발생한 오류 Error(에러)- 사용자가 프로그램을 잘 못 다뤄서 생긴 오류 클라이언트- 브라우저 API- Application Programming Interface.소프트웨어들끼리 서로 상호작용하기 위해 만들어진 일종의 공용어. 예외처리- 버그 혹슨 에러가 발..

HEAD는 속성을 뜻하고BODY는 실제 보여질 내용을 말합니다. Body안에 들어가는 대표적인 요소 "구역태그"div 태그 : 구역을 나누는것P 태그 : paraghraph (절, 문단)ul 태그 : unordered list (순서없는 태그들)li 태그 : bullet point "콘텐츠태그"h1 태그 : 제목을 나타내는 태그h2 태그 : 소제목h3 ~ h6 태그 : 소제목 이하의 제목들span 태그 : 글자를 꾸밀때 쓰는 포장지 같은 태그a 태그 : 하이퍼링크를 나타내는 링크img 태그 : 이미지를 나타내는 링크input 태그 : 사용자로부터 입력받을 때 쓰는 input 태그button 태그 : 버튼을 만드는 태그textarea 태그 : 조금 더 긴 문장을 받을 수 있는 태그 나는 구역을..