포스코x코딩온48 [포스코x코딩온] 풀스택 부트캠프 2주차 정리 -2 (javascript) String: JS또한 string slicing이 가능하다. // str은 method를 execute할 문자열이다. str.slice(startIndex, endIndex); str.slice(startIndex); => (to end) str.replace('a', 'b'); // 처음오는 하나만 바꾸기 str.replaceAll('a', 'b'); // 모두 바꾸기 str.repeat(3); // 문자열 3번 반복 str.split(''); //매개변수로 들어온 문자열을 기준으로 str을 쪼개서 배열로 저장. //해당 경우에는 아무것도 들어가 있지 않기 때문에 한 글자를 기준으로 자른다. str.split(' '); 의 경우 처음과 마지막에 공백이 있다면 [ex)' a b c '] 이를 기준으로 .. 2023. 11. 3. [포스코x코딩온] 풀스택 부트캠프 2주차 정리 -1 (javascript) 변수 선언법: dash-case HTML, CSS 만 사용 ( js에서는 변수명이 - 기호라고 인식할 수 있기 때문) snake_case HTML, CSS 사용, (js도 사용가능하지만 위와 비슷한 이유로 꺼림.) camelCase JS (주로 사용) PascalCase JS (특별한 경우만 사용) js는 자료형이 달라도 할당 가능하다. (한 변수에 number값을 줬다가 string으로 재할당 가능하다.) like python let variable = value; - 중복선언 불가능하지만 재할당 가능, 할당 안하면 undefined 할당. const VARIABLE = value; 선언할 때 할당 피수, 재선언 불가, 재할당 불가 선언할 때 대문자로 선언하는 것이 예의 var variable = va.. 2023. 11. 1. [포스코x코딩온] 풀스택 부트캠프 1,2주차 정리 -4 (CSS 完) positon: position: static; (default값) position: relative; (자기 자신을 기준으로 움직임, top:0, left:0은 자신이 원래 있던 자리, 자신이 있던 자리는 다른 tag가 들어갈 수 없음.) position: absolute; (static 요소가 아닌 부모 요소를 기준으로 움직임. top:0, left:0은 부모의 (0,0) 계속 부모를 찾다가 없으면 viewport를 기준으로 설정됨) position: fixed; (view port를 기준으로 움직임. top:0, left:0은 viewport의 (0,0)으로 설정됨) *positon 값을 absolute와 fixed로 설정하고 top 등의 값을 주지 않으면 block element일 때 위치했어야 .. 2023. 10. 30. [포스코x코딩온] 풀스택 부트캠프 1주차 정리 -3 (CSS) 가상 선택자: a:hover {마우스를 갖다 댔을 때 효과 적용} a:active {/*클릭하는 동안 (press down하고 press up하는 동안)*/} a:focus {/*클릭 해서 활성화 된 동안*/} /*----------------------------------------------------------*/ .fruits span:first-child {/*'fruits' 의 하위 요소인 span이 class의 첫 번째 자식일 경우 해당 값 적용*/} .fruits span:last-child {/*'fruits' 의 하위 요소인 span이 class의 마지막 자식일 경우 해당 값 적용*/} .fruit *:nth-child(2) {/*class fruit의 2번째 하위요소에 css적용 (.. 2023. 10. 27. [포스코x코딩온] 풀스택 부트캠프 1주차 정리 -2 (HTML, CSS) VSCODE의 live server 확장 프로그램의 경우 경로를 이용할 때 workspace 이외의 경로로 벗어나면 인식하지 못하기 때문에 work space에 이미지 등을 가져와서 넣어야 한다. HTML table 1 2 3 center 4 밑 도형을 출력하기 위해서는 center에도 colspan ="2"를 하고 1,2에 colspan="3"을 해야만 하는지 알았지만 위 코드로 작성해도 center가 길이를 맞추기 위해서 늘어나기 때문에 위의 코드 또한 적용가능하다. -아래- HTML 삽입 미리보기할 수 없는 소스 CSS ELEMENT 자식요소 복합선택자와 하위 요소 복합선택자 div > .orange { } VS div .orange { } 후자가 전자를 포괄하는 개념인 것 같지만 만약 다음과 같은.. 2023. 10. 25. [포스코x코딩온] 풀스택 부트캠프 1주차 정리 -1 (Git, Github) 1일차 이해 Git : 로컬에서 소스를 저장할 수 있는 프로그램. 일반 파일의 경우 덮어쓰면 이전 파일이 사라져 복구하는데 애를 먹지만 Git의 경우 comment와 함께 이전 수정 히스토리가 저장되어있어 복구가 용이하다. Github : Git의 커뮤니티 버전. Git에서 저장한 것을 Github에 업로드, 저장 가능, Github에 있는 코드 또한 다운로드 가능. 권한이 있는 사람은 접근, 수정 등이 가능하여 협업 가능. BOX 같은 공유폴더 개념과 비슷하다고 생각하면 될 듯하다. git add "파일명" // 작업공간의 파일, 수정사항을 Staging 영역으로 올림 git reset "파일명" // Staging 영역으로 올린 파일을 다시 되돌려 놓음 git reset 전부 취소할 경우 git ad.. 2023. 10. 23. 이전 1 ··· 5 6 7 8 다음
