본문 바로가기

전체 글102

[TIL] 선택자와 CSS 스타일링 엘리스 SW 엔지니어 트랙 2기 TIL(Today I Learned)이지만, 미루다 미루다 이제서야 조금씩 써봅니다. CSS 선택자 선택자란, 많은 HTML 태그들 중에서 특정 태그를 선택하는 요소입니다. 특정 HTML 태그에 CSS 효과를 주기 위해 부여하는 선택자가 CSS 선택자입니다. 전체 선택자, 태그 선택자, 클래스 선택자, 아이디 선택자, 복합 선택자 등이 있습니다. 클래스 선택자 vs 아이디 선택자 HTML 문서에서 특정 id 속성값은 중복될 수 없습니다. 그러므로, 한 페이지 내에서 반복될 가능성이 있는 스타일들은 클래스 선택자를 사용하여 그룹핑하고, 단 한번 유일하게 적용되고자 하는 스타일들은 아이디 선택자를 사용합니다. 클래스, 아이디 선택자를 이용한 CSS 스타일링 예시 First S.. 2022. 6. 26.
[TIL] HTML 구조 엘리스 SW 엔지니어 트랙 2기 TIL(Today I Learned)이지만, 미루다 미루다 이제서야 조금씩 써봅니다. 기본적인 HTML 코드 구조 head 태그 head 태그는 문서의 머리를 나타내는 태그입니다. 브라우저 화면에 직접 보이는 내용은 아니지만, 숨은 데이터를 정의하는 태그들이 들어가게 됩니다. title, meta 태그 등이 들어갈 수 있으며, css 파일을 링킹하는 link 태그나 js 파일을 링킹하는 script 태그도 포함될 수 있습니다. title 태그 : 웹 페이지의 탭에 들어갈 제목 meta 태그 : 해당 문서에 대한 정보인 메타데이터(metadata)를 정의 link 태그 : 주로 외부 스타일 시트(external style sheet)를 연결할 때 사용 script 태그 : .. 2022. 6. 26.
콜백 지옥과 Promise, 그리고 async/await 1 2 3 끝 와 같은 순서로 콘솔에 출력하는 함수를 만들고 싶다고 하자. 이것을 setTimeout 함수를 사용하여, 프로그램 실행 뒤, 바로 1이 출력 => 1초 뒤에 2가 출력 => 1초 뒤에 3이 출력 => 1초 뒤에 '끝!' 이 차례대로 출력되도록 하고 싶다고 가정하자. 그렇다면, 아래와 같이 구현할 수 있다. function action() { console.log(1) setTimeout(() => { console.log(2) setTimeout(() => { console.log(3) setTimeout(()=>{ console.log('끝'); }, 1000) }, 1000) }, 1000) } action(); setTimeout의 콜백 함수 자리에 다음 함수를, 그 함수의 setTi.. 2022. 4. 27.
[Git] git 파일의 상태 첫번째 노란색 덩어리의 message는, 현재 add 하여 Staging Area에 올라가 있는 파일들을 나타내는 것이다. 현 상황에서 commit 하면 README.txt 가 Git repo (내 로컬의 .git 파일) 로 저장된다. 두번째 빨간색 덩어리의 message는, 이미 commit이 되어있는 파일이 추후에 수정이 되어 Working directory에 수정본이 있다는 의미이다. 이를 Git repo (내 로컬의 .git 파일) 에 반영하려면, add -> commit 을 거치면 된다. 위 상황에서 수정된 crawling.py 를 add -> commit 하면 기존의 Git repo에 있었던 crawling.py 의 snapshot 과는 별개로 수정된 snapshot이 새로 생기게 된다. 세번.. 2022. 4. 8.
[프로그래머스] 코딩테스트 연습 > 동적계획법(Dynamic Programming) > 정수 삼각형 (C++) // c++ #include using namespace std; int solution(vector triangle) { int answer = 0; vector d(510, vector(510, 0)); // triangle 배열의 데이터를 d 배열에다가 붙여넣기 for (int i = 0; i < triangle.size(); i++) { for (int j = 0; j < triangle[i].size(); j++) d[i][j] = triangle[i][j]; } // 점화식 세운 것을 기반으로 반복문 돌리기 for (int i = 0; i < triangle.size(); i++) { for (int j = 0; j < triangle[i].size(); j++) { if (.. 2022. 4. 6.
[엘리스 SW 엔지니어 트랙 2기] 역량테스트 점수 공개 1과목 - 컴퓨팅적 사고력 테스트 : 24/30 생각보다 시간이 부족해서 거의 4~5 문제는 훑어보기만 하고 찍었는데 생각보다 찍은게 많이 맞았나봅니다. 2과목 - 코딩테스트 : 5/5 난이도 자체는 쉬운 편이었습니다. 기업 코테에서 자주 볼 수 있는 BFS/DFS, DP, 그래프와 같은 알고리즘이 나온 것이 아니라 그냥 간단한 구현 문제들이었습니다. 마지막 문제가 좀 어려웠는데, 그 이유는 출력 형식이 까다로웠기 때문인 것 같습니다. 그래도 어찌어찌 잘 해결 :) 인터뷰는 생략이 되었고, 바로 프리패스권을 얻어 최종합격 하였습니다! 2022. 3. 18.

티스토리툴바