분류 전체보기 251

JS 형변환

java script의 데이터 형태를 바꾼다는 건데 명시적 형 변환, 암시적 형 변환이 있다 암시적 형 변환 (의도하지 않았지만 자동으로 바뀐다) 1. 문자열 (+ 연산자로 만났을 때에 어떤것도 문자열로 암시적 형변환 일어남) let a = 1 + "2"; console.log(a); console.log(typeof a); -->12 -->string 여기서 2 대신에 boolean값인 true를 집어넣어도 동일하게 string 타입으로 형변환 됨. 2. 숫자( - * / 연산자와 함께했을때 언제나 숫자 데이터 타입으로 암시적 형변환 일어남) let a = 1 - "2"; console.log(a); console.log(typeof a); --> -1 --> number ----------------..

JS (Java Script) 2023.05.23

JS 변수, 데이터 타입

js에서는 터미널에 출력해보려면, node 파일명 이렇게 쓰고 엔터 하면 됨. 변수 왜써??? -->> 메모리에 저장하고 다시 그것을 읽어들여서 재사용 하기 위해서 !! 그렇다면 변수참조 란?? --->> 변수에 할당된 값을 읽어오는 것!! let a = 1; let b = 2; let c = a +b; 이렇게 지금 c 에서 a, b를 읽어오잖아?? 요게 바로 변수 참조!! 변수 값 --> 변수에 저장된 값 변수 할당 --> 변수에 값을 저장하는 행위 변수를 선언할 수 있는 3가지의 방법(feat.뭐가달라?) 변수의 종류 재할당 가능? 다시 선언 가능? var O O let O X const X(Olny one) X let, const가 있기 전에는 실제로 var 를 써서 변수를 선언해야만 했습니다. 하..

JS (Java Script) 2023.05.23

JS(java script) 역사와 특징

자바스크립트 역사 1995년에 탄생!! (동갑 ㅋㅋ) 넷스케이프 커뮤니케이션 에서 만들어짐. 원래 이름은 livescript 이때 당시 java라는 언어의 인기가 많았었는데, 1도 관련이 없는데도 이름 바꿧다 라고 재밋게 기억 ㅋㅋㅋ 자바스크립트 왜 생김?? 브라우저에 동작하기 위한 언어를 만들면서 생김. 그래서 이걸 통해서 동적인 엑션들을 만들어 낼 수 있다. 2005년도 ajax 가 등장함. 95년도 만들어진 언어는 기술이 조금 부족했는데. 이게 나오면서 많은 사람들이 js를 사용하게됨 원래는 동작하려면 모든 것들이 새로고침을 해야함. 근데 이게 나오면서 바뀌는 부분만 새로고침을 할수 있게 됨 이로 인해 폭팔적인 ux 향상. user experience (사용자 경험)의 약자. 2008년에 v8 엔진..

JS (Java Script) 2023.05.23

flex의 정리. div의 정렬

div를 예쁘게 3-4개씩 가로로 정렬하고 또 그다음 div들은 그 아래로 예쁘게 쌓아나가고 싶었는데, 해결이 나지 않았다. 그래서 열심히 또 구글리리링 일단 블록타입 과 인라인 타입 에 대해 먼저 알아야 한다. 1. 블록타입 (Block Type, Block Level Elements) 줄바꿈이 일어나는 형태 하나의 요소가 웹페이지 영역 내에서 좌측끝에서 우측 끝까지 전체 너비만큼 차지 Width(가로)와 Height(세로) 영역을 설정할 수 있으며, 완벽한 여백과 주변요소와의 간격을 조정 대표적으로 해당하는 요소들 ----->>>>> H1~H6요소, P요소, div 등 2. 인라인타입(Inline Type, Inline Elements) 줄바꿈이 일어나지 않는 형태 요소와 요소가 기본적으로 좌에서 우..

카테고리 없음 2023.05.21

git 드디어 문제 해결. push 오류 - 메일주소, 계정연동, cd / 잘못 올린 파일 삭제

git 에서 스터디 팀 repository 에 파일을 업로드 하는것과, 이미 올라간 파일을 삭제하는데 있어서 해결이 나지 않았었다. 아무리 구글링을 해봐도 답을 모르겟어서, 스터디 팀장님께 양해를 구하고 다시 repository 를 직접 생성해서 시작해 보았다. 여전히 문제가 발생하였다. 일단 팀장님은 source control 기능을 이용해서 push 하엿고, 나의 경우에는 source control 기능에 아무것도 생성되지 않아서, 터미널로 하게 되었다. (같이 고민해 주신 스터디팀장님,, 감사해여,,,,,,,,ㅠㅠ) 발견한 문제들은 아래와 같다. 1. git repository 를 공유받을때, 내가 git에 가입되어 있던 메일 주소와, 공유받을때 입력한 메일 주소가 달랐다. --->> 내가 git에..

카테고리 없음 2023.05.17

git 에서 clone, fork

git 에서는 fork 하거나 clone 해서 작업한다. 이 둘은 왜 클론이냐...? 혼자서 개발하는 경우에는 로컬에서 Git 저장소를 초기화해서 사용하면 되지만, 협업을 하는 경우나 인터넷에 소스 코드를 공개하는 경우, GitHub에 저장소를 만들고 이 저장소를 클론해서 작업하는 방식을 주로 쓴다고 한다. repository 에 올라온 파일을 가져오기 위해선 클론해서 가져와야 하는데 * 명령어 git clone. 주소( 이 주소는 해당 repository에 오른쪽 code 버튼을 누른 후 나오는 url 을 가져오면 된다. ) 이런식으로 git clone https://github.com/GGAE99/food.git 그리고 하다보면, 브런치, 머지 같은 용어들을 만나게 되는데, 그것들에 대해서도 간단히 ..

카테고리 없음 2023.05.15

git 정리 2

git 에는 여러가지 영역이 있는데 1. working directory(local) 개인 코드 작성하는 공간을 말한다. 사용자의 작업공간, 실제로 파일를 생성하고 수정하는 공간. working directory 에서는 파일을 tracked, untracked 상태로 구분한다. tracked 상태의 파일일 때에만 git이 이력을 추적한다. 명령어(tracked → untracked) : git rm --cached untracked 상태의 파일인 경우 git이 이력을 추적하지 않는다. 명령어(untracked → tracked) : git add 새로운 파일과 폴더는 untracked 상태! untracked 에서 tracked 으로 바뀔 때에 해당 파일은 stage 로 올라가지만, tracked 상태이..

카테고리 없음 2023.05.15

git 사용하기(맥)

git 이란 분산 버전 관리 시스템 이다. 쉽게 말하면, 내 소스코드를 저장하여 버전관리를 하고 (파일들의 변경사항들에 대해 지속적으로 추적 관리 용이) , 소스코드를 공유하며, 협업에 도움을 주는 공간이라고 보면 된다. 버전관리에 대해 좀더 이야기 하자면, 원할때 마다 사용자는 버전을 만들어서 원할때 언제든지 이전 버전들을 가져올수도 참고할 수도 있다. 내가 만든 버전 뿐만이 아니라, 소스코드 공유와 협업의 기능이 있기 때문에, 동료가 만든 버전으로 이동이 가능하며, 내가 만든 최신 버전과, 동료가 마지막으로 업로드한 최신 버전을 합하여 현 상태 최신의 결과물을 종합해서 손쉽게 볼 수 있다. git은 저장할 공간만 있으면 어디서든지 사용할 수 있으며, 클라우드 서비스를 이용해서 사용할 수도 있다. 그리..

카테고리 없음 2023.05.14

input type 의 종류들. checkbox / radio 차이

부트스트랩에서 코드를 가져오다 보면 이런식으로 코드가 짜여진걸 볼 수 있다. 완전히 알지 못해도 사용할 수는 있지만, 사용하다보니 궁금해서 찾아보게 되었다. 일단, input type = " " 에는 어떤것들이 있고, 어떤 내용들이 있을까? 1. input type = "text" 문자열이 다 보인다. 2. input type = "password" 문자열이 별표처리로 보이지 않는다.(무조건 별표처리는 아님.) 추가로 password의 길이제한은 maxlength 라는걸 사용하면 된다. 예를들면, 3. input type = "button" 버튼을 만들어 준다. 4. input type = "checkbox" 여러가지 옵션들 중에서 선택한 옵션을 입력받을 수 있도록 해주며, 복수 선택이 가능하다는 특성이..

카테고리 없음 2023.05.12

placeholder / value

placeholder 은 데이터를 미리 입력해 놓는 속성을 가진다. 그리고 그것을 화면에 보여준다. 예를들면 생년월일 입력 란에 회색 글씨로 YY/MM/DD 이런 느낌 그런데 value 또한 placeholder 과 같은 속성과 기능을 가진다. 그럼 차이점은???? value 는 사용자가 그 칸에 정보를 입력하기 위해서 지워야 한다. placeholder 는 사용자가 그 칸에 정보를 입력하려 하면 자동으로 지워진다.

카테고리 없음 2023.05.12