전체 글 221

Javascript 개념 정리(2) - 객체와 불변성

🐤 JavaScript 객체와 불변성이란 ? 기본형 데이터와 참조형 데이터 기본형(원시형) 데이터(Primative Type) 객체가 아닌 데이터 유형 6가지 - Number - String - Boolean - null - undefined - Symbol(ES6에 추가, 객체 속서을 만드는 데이터 타입) 기본형 데이터는 값을 그대로 할당함 메모리상에 고정된 크기로 저장되며, 원시데이터 값 자체를 보관하므로, 불변적임 기본적으로 같은 데이터는 하나의 메모리를 사용함(재사용) var a; a = 10; var b = 'abc'; b = false; var c = b; // b === c c = 20; // b !== c 참조형 데이터(Reference Type) 변수에 할당할때 값이 아닌 데이터의 주소를..

항해99 2022.07.16

map

오늘은 알고리즘 주차에 들어와서 문제를 푸는데 다른사람들의 풀이를 보면서 map()함수를 많이 보았다 for문 처럼 배열 안에서 i가 돌면서 배열을 지나가듯이 map()는 for문을 사요하지 않고도 배열의 요소들을 하나씩 돌면서 실행 되는 함수이다 map() 함수는 모든 배열의 값에 Function을 실행하는 Method https://mjn5027.tistory.com/80 [ JavaScript ] 자바스크립트 map( ) 함수 값을 여러개 가지고 있는 배열에서 모든 값을 꺼내고자 할 때, 꺼내는 방법은 정말 다양하게 알려져 있다. 이번 포스팅에선 이러한 배열에서 값 꺼내는 방법 중 map( ) 을 다뤄보도록 하자. 아래와 mjn5027.tistory.com 요소의 인덱스를 사용하면 for문이 좋으나..

coding/JS 2022.07.16

TIL 220715

오늘은 챕터 2의 시작 날 알고리즘 주차이다 알고리즘은 2개 반이 있는데 난 달리기 반으로 조금 더 어렵고 심화 반으로 배정됐다. 하루에 대략 10문제씩 풀어서 팀원들이랑 코드 공유하고 의견을 나누면서 어떻게 썼는지 비교하는 자리를 가진다 특강 같은 강의가 있어서 시간이 좀 부족했는데 다행히 시간에 맞춰 10문제를 풀고 의견을 나눴다. 근데 내가 처음 푼 문제가 그 10문제 중 가장 어려웠었다. 중간에 사람들이 '난 풀었어요' 표시를 해놨는데 난 아직 못 풀어서 아 큰일이다 이거 못 따라가는데 엄한데 들어왔다 생각했는데 다행히 그 문제 말고는 나름 잘 풀리는 것 같아 15문제를 풀고 이제 자려고 한다 생각보다 2주 차는 걱정보다는 조금 시간이 있는 것 같다 알고리즘 문제는 낮에 주로 풀면서 예습을 하고,..

일지/TIL 2022.07.16

Javascript 개념 정리(1) 자료형과 동적언어

🐤 JavaScript의 자료형과 JavaScript만의 특성은 무엇일까 ? Javascript의 8가지의 자료형 1. Boolean - 논리 요소를 나타냄 - true와 false 두 가지의 값 2. Null - null 하나의 값만 가질 수 있음 - null을 ‘존재하지 않는(nothing)’ 값, ‘비어 있는(empty)’ 값, ‘알 수 없는(unknown)’ 값을 나타내는 데 사용 3. Undefined - 변수 선은 했으나 값을 할당 하지 않은 변수 - undefined 4. Number - 숫자형 - (-(2^53 − 1)부터 2^53 − 1까지의 수 - NaN("Not a Number") : 계산 중에 에러가 발생했다는 것을 나타내주는 값, 부정확하거나 정의되지 않은 수학 연산을 사용 나타나..

항해99 2022.07.16

TIL 220714

월요일에 시작해서 지금까지 4일밖에 안 지났지만 체감은 40일 정도였다 눈뜨지 마자 컴퓨터 잡고 코드 만지다 2시에 종료하는 모습이 신기할 정도이다 일단 첫 주차 많은 기대와 걱정을 하고 들어왔는데 생각보다 훨씬 더 힘들다 코드 작업도 힘들지만 가장 힘든 건 협업이다 아무래도 사람들과 일한다고 생각하니 많이 힘든 것 같다 내 노력으로 안 되는 영역이니까 그래도 제 한 시간 내에 기본적인 기능을 잘 구현했다 물론 시간이 더 있고, 좀 더 수월했으면 css적인 부분을 도움받고 싶었는데 그것이 안대서 조금 아쉽다 다음번엔 바로 부트스트랩이나 탬플릿을 사용해서 좀 더 화려했으면 좋겠다 전에 만든 데브데이도 비슷해서 그런지 아쉬움이 많이 남는다 나는 디자인에 서투니까 잘하는 다른 사람이 만져주고 난 뒤에서 잘 받..

일지/TIL 2022.07.15

TIL 220713

와 3일 차 어제는 진짜 정신없어서 그냥 바로 자버렸네 1일 차랑 비교해서는 아직도 적응이 안 댄다 아침 일찍 일어나자마자 바로 코드 만지는 게 정신도 안 들고 9시부터 새벽 1시까지 대략 한 16시간 하네? 밥 먹고 화장실 이런 거 빼면 한 14시간 일까? 아직까지는 버틸만하다 3일밖에 안 댔지만 체력이나 그런 것보다 정신적으로 많이 힘들어서 잘 모르겠다 그래도 1일 차보다 어제보다 팀원들하고 분위기는 좋아졌나? ㅋㅋ 아예 처음보다는 좋아지긴 했다 그래도 이제는 조금이나마 자신의 의견을 말해주신다 나도 배울 거 많은데 같이 공유하고 티키타카 하고 싶다 아무래도 팀장은 아닌 것 같다 팀장 보조가 하고 싶다 ㅋㅋ 1일 1it 지식 책 읽어야 하는데 읽을 수 있을까? 지금 한번 읽고 자야겠다 내일은 오전까지..

일지/TIL 2022.07.14

TIL 220711 - 항해 첫날

어느덧 시간이 지나서 항해 첫날이 되었다. 5월부터 공모전을 해서 갑자기 번아웃이 오고 잠깐 뜸했던 코딩을 6월에 다시 잡고 하는 둥 마는 둥 하면서 했었는데 그때는 좀 아 차라리 7월 빨리되서 부캠 들어가서 하고 싶다 였는데 그랬는데.. 너무 놀았던 탓인가? 첫날 팀원들과 만나고 주제를 정하고 코딩 시작! 하니까 머리가 멍해진다 그래도 나름 팀장인데 이게 정말 랜덤인지는 모르겠지만, 그래도 내가 볼 땐 학원에서 조금이라도 아주 조금이라도 ㄱㅊ은 사람들에게 팀장을 준 것이 아닐까 생각이 든다 그 이유는 오늘 첫날 사람들과 4일 안에 작은 프로젝트를 하라고 하는데 이게 정말 말도 안 대는 거다 그래도 전에 프로젝트를 해 바서 그것도 3주 동안 해서 가능했던 거지 아무리 9-9 해도 모르면 시작도 못할 것 ..

일지/TIL 2022.07.12

[Chapter 1] e반 10조 S.A(Starting Assignment)

1. 우리 조 프로젝트 제목/간단설명 제목 : 우리들의 운동장(우동장) 설명 : 사이트에서 지역 및 운동 종류를 선택해서 자가 추천 하고 싶은 운동 장소 공유 웹사이트 헬스장, 수영장, 등산코스 등 자신이 추천하고 싶은 운동 장소의 사진, 네이버 장소 링크, 간단한 리뷰를 사람들에게 알리고 공유 할 수 있습니다. 2. 와이어프레임 사진 3. 개발해야 하는 기능 - 회원 가입 및 로그인 기능 구현 - 로그인시 글작성 가능 / 비로그인시 글 읽기만 가능 - 글작성 시 운동 장소 데이터 DB 저장 - 저장된 DB 메인화면에 카드 형식으로 보여주기 - 메인화면 카드 클릭시 팝업형식으로 상세페이지 보여주기 3.1 추가적인 부가기능(시간적 여유가 있다면) - 마이페이지 정보 수정 및 회원 탈퇴 - 카드 검색 - 카..

항해99 2022.07.11

회원가입 유효성 검사

2022.05.06 회원가입 페이지 제작시 정보 유효성 검사 function check(){ let checkid = /^[a-zA-Z0-9]{4,12}$/; let checkpw = /^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d]{4,20}$/; let checkname = /^[가-힝a-zA-Z]{2,}$/; let checkemail = /[0-9a-zA-Z-_.]/; if (idval.val() == "") { // alert("아이디 입력바람"); idval.focus(); $(".idError").text(" 아이디 입력바람") return false; } else { $(".idError").text("") } if (!checkid.test(idval.val())) { // ..

coding/JS 2022.05.06

사진 업로드

2022.05.03 사진 파일 업로드 하는 방법 / 미리보기(사진 띄우기) 로 사진, 오디오, 비디오 등을 올릴 수 있다 accept="img/*" 로 이미지 파일만 선택 가능(오디오 비디오도 마찬가지) multiple 은 여러 파일 선택 가능하게 해줌 보통 input 태그에 css 적용이 힘들어서 과 함께 사용한다 input은 display:'none'을 입히고 버튼 클릭시 input이 클릭 되게 연동해서 UI를 이쁘게 사용 많이 함 사진업로드 그럼 버튼을 누르면 숨겨진 input이 클릭 되어 파일 선택창이 열리게 되고 그림 파일을 선택하면 input이 체인지 되어 upload 함수가 실행됨 input에 담긴 파일의 정보는 배열과 딕셔러니 형식으로 담기게 됨. .files[0] 로 파일의 정보를 가져온..

coding/JS 2022.05.03