분류 전체보기 88

🍴Git Fork

프로젝트가 끝나고 팀장님 저장소에만 있던 repository 를 내 저장소로 가져와서 미래의 내가 수정할 수 있다. 이번 프로젝트에서는 하나의 저장소에서 브랜치를 나눠서 사용했는데 포크를 해서 여러 저장소를 만들고 pull request 하는 경우도 있다고 한다. 그치만 난 이미 다 끝났기에 그냥 내 레포지토리에 fork 해서 혼자서만 끄적일 것 같다. fork 하는 방법은 아주 간단한데, 깃에서 포크하는 방법만 알려주고 뒷 이야기는 알려주지 않는 글이 많아서, 난 돌고 돌아왔다. 물론 내가 글을 제대로 안읽은 거일 수도 있지만;) 복사하고 싶은 repository 에 가서 fork를 누르기만 하면 된다. Create fork 를 누르고 나면 내 repository 로 복사가 된다. 그럼 이제 깃허브는 ..

개발자 포폴 예시 모음

웹 주니어 개발자 이력서 쓰는 법 https://velog.io/@yukina1418/%EC%A3%BC%EB%8B%88%EC%96%B4-%EC%9D%B4%EB%A0%A5%EC%84%9C-%EC%96%B4%EB%96%BB%EA%B2%8C-%EC%8D%A8%EC%95%BC-%EC%A2%8B%EC%9D%84%EA%B9%8C%EC%9A%94 주니어 개발자 이력서 쓰는 법 이력서에 정답은 없습니다, 단지 저의 방법을 보여드립니다. velog.io [캐치] 개발자 포트폴리오 특강 추가 자료(신입) https://cucus.notion.site/92ffcf7b8b974ee5a8222cc30ec25fbe [캐치] 개발자 포트폴리오 특강 추가 자료 (신입) 취업 준비 너무 힘들고 어렵죠 😢😢 그래도 우리 개발자들에게 점..

[포스코x코딩온] 1차 프로젝트 중간 점검🔥 (feat.중간 점검까지 프로젝트 회고록)

03/17 팀 배정 강사님께서 배정해 주신 팀으로 팀을 배정받았다. 어색한 공기가 흐르는 정적을 깨고 자기소개를 하고, 팀원 간 간단한 인사를 주고받았다. 이렇게 어색해 죽겠는데 팀이름을 정하라는 말씀에 팀 이름까지 정하고 팀장님을 뽑았다. 깃 레포지토리 깃에서 팀 레포지토리를 만들고 팀원들 각 개인의 브랜치에서 pull/add/commit/push 하는 과정을 익혔다. 25일 (토) 2시 발표 누가 거짓말이라고 좀 해줬으면 좋겠는 심정이었다. 일주일 만에 모든 것을 끝내야 하는 프로젝트라 아무 생각이 들지 않았다. 03/18 계획서 작성 - 기획 시작, 팀 역할 분배, 레이아웃 구성 -> 자세한 구현은 개발하면서 수정 밥 먹기 전까지 계획서 다 제출하는 게 오늘의 반이었다. 팀원 모두 적극적으로 의견을..

[포스코 x 코딩온] JS_05 JQuery

jQuery 제이쿼리는 자바스크립트 언어를 간편하게 사용할 수 있는 자바스크립트 라이브러리이다. - 대부분의 웹 브라우저에서 지원 - html dom, css 스타일 적용 가능 - 같은 동작이어도 더 짧게 구현 가능 - 오픈 라이센스를 적용해 누구나 사용 가능 but, 현재 jquery를 사용하지 않아도 바닐라 자바스크립트로 구현이 가능하여 사용하지 않는 추세이다! 그래도 예전에 만든 코드를 유지보수 하기 위해 공부할 필요도 있는 것 같다. https://www.samsungsds.com/kr/insights/jquery.html 제이쿼리[jQuery]를 아직도 사용하나요 - 제이쿼리의 현재와 미래 | 인사이트리포트 | 삼성SDS 제이쿼리는 웹사이트에 자바스크립트를 쉽게 활용할 수 있도록 도와주는 오픈소..

카테고리 없음 2023.03.15

[포스코 x 코딩온] JS_04 DOM

DOM HTML 문서는 node와 object의 집합으로 구성된다. dom 으로 각각의 node 또는 object에 접근해 문서 구조 , 스타일, 내용 등을 변경할 수 있다. Document : 웹 페이지에 존재하는 HTML 요소에 접근할 때 .querySelector('선택자')요소 선택자를 사용해 요소를 가져오는 메소드문서에서 만나는 첫번째 요소를 반환console.log(document.querySelector(".pink")); //핑크1 클래스 가져오기 .querySelectorAll('선택자')문서에 존재하는 모든 요소를 배열의 인덱스에 맞게 배열 요소로 반환 1 2 3 console.log(document.querySelectorAll(".box")); //모든 요소를 배열의 인덱스에 맞게 ..

참고, 아이콘 사이트 모음

부트캠프 수업 + 공부하면서 참고하거나 아이콘, 동영상 무료 사이트 그냥 다시 찾아보려고 했는데 기억이 안날 것 같은 사이트 netify : 웹사이트 배포 가능. 깃허브 계정으로 회원가입 가능 깃에 있는 리포지토리로 선택 https://www.netlify.com/ Develop and deploy websites and apps in record time | Netlify Accelerate the time to deploy your websites and apps. Bring your integrations and APIs together on one powerful serverless platform. Get started for free! www.netlify.com fontawesome : 아이..

[포스코X코딩온] JS_03 메소드

문자열 관련 메소드 .length : 문자열 길이 반환(공백포함) .toUpperCase()&toLowerCase() : 문자열 전체를 대문자&소문자로 변경 .indeexOf(' ') : 매개변수로 문자열을 받아서 몇 번째 인덱스인지 숫자 반환 .slice(starIdx, endIdx) : start부터 end-1까지 슬라이싱 반환, 음수값도 가능 .replace(문자열1, 문자열2) : 1을 2로 변경 .replaceAll(문자열1, 문자열2) : 문자열1을 모두 문자열2로 변경 .repeat(n) : 문자열 n번 반복 .trim() : 문자열의 양끝 공백 없애기 .split() : 매개변수로 들어온 문자열 기준으로 str 쪼개서 배열 저장 배열 관련 메소드 .push() : 배열 끝에 추가 .pop(..

[포스코X코딩온] JS_02 조건문 / 3항 연산자 / 반복문

조건문 조건문 if if {} else{} if(조건1){ //조건1이 참이라면 실행할 문 }else{ //조건1이 거짓이라면 실행할 문 } 조건문은 if 옆에 조건을 써주고 대괄호 안에 조건1이 참일 때 실행할 문을 작성해준다. else{} 안에는 조건1이 거짓이라면 실행할 문을 작성하면 된다. if{} else if{} else{} if(조건1){ //조건1이 참이라면 실행할 문 }else if (조건2){ //조건 2가 참이라면 실행 }else { //조건 1, 2가 모두 거짓일 때 실행 } 중첩 if if (조건1) { if (조건2) { //조건1을 만족하면서 조건2도 만족 } else { //조건1은 만족하지만 조건2는 만족하지 않음 } } for (let i = 0; i 조건식 2) 조건식이..

[포스코X코딩온] JS_01 데이터/연산/함수

내장 방식 어디에서나 사용 가능 : head 태그 내부 / body 태그 내부 / head 와 body 사이 / body 아래 등 - 간단하게 생성가능 - 특정 페이지에서만 작동하는 기능일 경우 내장 방식만 따로 구현 가능 링크 방식 java script 파일을 따로 만들어서 링크를 거는 방식 (ex.css) 어디에서나 사용 가능 : head 태그 내부 / body 태그 내부 / head 와 body 사이 / body 아래 등 - js 코드의 양이 많으면 파일로 따로 관리하는 것이 더 유용 - 같은 기능을 다른 페이지에서 사용하고 싶을 때 링크만 걸어서 간단하게 사용 가능 - 유지 보수 용이성 편 데이터 종류(자료형) String 문자형 데이터 문자와 변수를 동시에 사용할 때 - 메소드의 매개 변수로 넣..

[포스코X코딩온] CSS_06 Transition/Transform/Animation

transition : 요소의 값이 변할 때마다 전환되는 모션을 추가하는 속성이다. transition은 속성 자체로 스타일을 주는 속성이 아니라 가상 클래스 (ex. :hover) 나 자바스크립트의 부가적인 액션에 의해 사용된다. transition: 속성명 지속시간 타이밍함수 대기시간; transition-property : 효과를 적용할 속성 이름 지정 all : 모든 속성에 지정 속성 이름 : 전환 효과할 속성 이름 지정 - 여러 개 지정할 시 쉼표(,) 로 구분 transition-duration : 전환 효과의 지속시간 지정 os : 전환효과x 시간 : s 지정 transitio-timing-function : 전환 효과의 타이밍 함수 지정 ease 느리게-빠르게-느리게 cubic-bezier..