본문 바로가기

분류 전체보기

(65)
함수 함수를 생성하는 방법 중에 익히 쓰는 방법이 두가지가 있다.함수 선언식 , 표현식이다. 함수 선언식은 fuction 함수이름 (){} 이런 형태를 갖는다.function add() {} 함수 표현식은 변수를 선언하고 , 값으로 함수를 넣는 것이다.const add = function () {}; 기명함수 : 함수 선언 시 함수 이름을 명시하는 것보통 함수 선언식에서 많이 사용된다.기명함수 : const add = function add(){}function add() {}  익명함수 : 함수이름을 생략하고 선언하는 것보통 함수 표현식에서 많이 사용된다.익명함수 : const add = function () {}; 매개변수(parameter) : 함수 파라미터 구멍에 들어가는 변수다.(소괄호 안에)func..
자료형 , 연산자 자료형,연산자에 대해 배웠다.기본 자료형문자열(String), 숫자(Number), 불린(Boolean), 배열(Array), 객체(Object), 함수(Function), 널(Null), 미정의(Undefined)  참조 자료형배열 객체 함수num = 10e121000000000변수에 지수표기법으로 할당하더라도 , 지수를 10진수를 변환한 10진수의 값으로 본다.     특수자료형(undefined , null)undefinedex) const tvChannel = undefined;nullex) const movieChannel = null;​  undefined는 개발자가 다루지 않고 자바스크립트 엔진이 다루는 값이다.undefined는 값을 할당하고 let numconsole.log(num)원래 ..
조건문 , 반복문 정리 조건문이란, 프로그래머가 명시한 자료형 조건이 참인지 거짓인지에 따라 잘라지는 계산이나 상황을 수행하는 프로그래밍 문법이다. if문if문은 else,eles if문으로 세분화 된다. if문if는 만약~라면으로 해석하면 이해하기 쉽다.소괄호는 논리형 데이터가 참일 경우 블록 {}안의 코드를 실행한다. if문이 한줄이면 , 중괄호를 생략할 수 있다. 표현값에 논리에 따라서 사용하고 싶을 때 쓰는 게 if문이다.function testScore() { score = 59; if (score >= 90) { return "A"; } else if (score >= 80) { return "B"; } else if (score >= 70) { return "C"; } else if (score >= 60) { r..
[유데미x스나이퍼팩토리] 프로젝트 캠프 : Next.js 2기 - 사전직무교육 1주차 후기 목차1.개인적인 소감2.진행과정3.배운 내용 다른 교육과정도 붙었지만 내 선택은 유데미 & 스나이퍼팩토리였다.지인분께서 여기를 나오고 좋았다는 평과 수코딩님이 가르치는 next.js.이 두가지가 나에겐 엄청난 매력으로 다가왔다. 개인적으로 생활코딩,수코딩님의 유튜브를 보며 코딩을 시작했기 때문에강의 퀄리티는 의심치 않았고 생각보다 더 좋아서 놀랐다. 거리가 좀 있어서 피곤하긴 했지만 왕복 2시간은 문제가 안됐다. 첫날은 좀 여유있게 흘러 갔으나 다음날부턴 쉽지 않았다."아 내가 JS에 대해 정말 많이 부족하구나"옆에 있는 동기분들도 대단하신 분들이 너무나 많아이 분들과 함께 수업을 듣는다는게 스스로에게 대견할 정도였다. 나는 이 캠프에 온 걸 정말 잘한 결정이라 생각한다.2. 1주차 진행과정1일차 OT ..
map 타입 오류(방어 코드로 해결) 굉장히 유용하게 쓰고 있는 게 있다. map을 돌리다 보면,이게 Array가 아니라 다른 내용물이 들어있을 수도 있기 때문에,map을 그냥 돌리면 오류가 뜰 수 있다. function NewPost({ club, setClub }) { // const currentClub = club.sort((a, b) => b.id - a.id); return ( {Array.isArray(club) && club.slice(0, 6).map((clubName, index) => (  Props를 내려받을 때 , club이 어떤 내용물인지 타입지정을 안해줬기 때문에 이렇게 사용했다. {Array.isArray(club) &&안에 돌릴 내용물 } ..
netlify 빌드 방법 및 오류해결(React) 빌드할 때 오류 요소가 내가 생각하는 것보다 많았다.next는 netlify에서 SSR이 안된다고 한다. react , yarn 기준으로 설명하겠다. yarn build빌드하기 위해서 , 자신이 사용한 것 (yarn or npm)에 대한 빌드 명렁어를 입력한다. 빌드가 잘 되었다면 , npm에 경우 build 라는  폴더가 생겼을 것이다.나는 yarn이기에 dist라는 파일이 생겼다. 일단 프로젝트 폴더 안, 최상단에 netlify.toml이라는 파일을 만든다.아래엔 netlify.toml에 있는 코드다.[build]publish = "dist"command = "yarn build"[context.production.environment] TOML_ENV_VAR = "From netlify.to..
프로젝트 회고(메인 프로젝트) Cookbap이라는 블로그를 만들었다. 요리 레시피를 공유하는 커뮤니티다. 이번 프로젝트는 좋은 점 , 아쉬운 점 중에 좋은 점이 더 컸다.하나씩 꼽아보자면 아쉬운 건 나에게 아쉬웠고, 좋은 건 팀워크가 너무 좋았다. 팀원들이 기존에 알던 사람이 많아서팀원들 성향에 맞게 일을 분배할 수 있어 너무 좋았다. 프론트 팀원분들이 너무 착한 분들이셔서의견을 수렴하는 것에 익숙하고,다른 의견을 버리는게 익숙치 않아 보여서 내가 팀장을 하기로 했다.(사실 저번 플젝도 함) 나는 전체적인 관리를 위주로 맡았다.git , 개발환경 설정, build, axios, 로딩처리, 에러처리, 컴포넌트 관리, 일반로그인 , 카카오 로그인 ,네브바(Dropdown 제외) ,글 상세페이지(react-quill 제외) , 댓글 CR..
프로젝트 회고(합동 프로젝트) 내 인생에 첫프로젝트였다.Landing이라는 이름으로써 "착륙하다"라는 뜻이 담겨있고한국인 ,한국에 사는 외국인이 소통하는 커뮤니티를 만들고자 했다.페이지는 이렇게 생겼다.첫프로젝트인만큼 모든 게 쉽지 않았고사업개발은 어디까지 일을 하는지,백엔드는 어떤 일을 하는지다른 직업군에 대해 이해가 많이 부족했다.모든 걸 구현하지 못해 아쉬웠고 재밌었고 즐거웠다. 팀원들과 맞춰가는 과정이 즐거웠다. 이래서 개발을 하는구나.음악을 했을 땐 돈을 아끼고자 혼자 다 하려고 했었는데그 방식은 그리 좋은 방법이 아니었다는 걸 몸소 깨달으니개발이 더 좋아졌다.  기간은 한달 남짓했다.2024.03.26 - 2024.04.30 솔직히 기능적으로 많이 부족했었지만모든 것이 처음이기에 너무나 값진 경험이었다고 생각한다.프로젝트..