목록전체 글 (150)
On a couch
01 컴파일 컴파일 과정(Compile) 컴파일은 소스 코드를 오브젝트 코드로 변환시키는 과정입니다. 여기서 소스 코드는 여러분이 C언어와 같은 프로그래밍 언어로 작성한 코드이고, 오브젝트 코드는 기계 코드라고도 알려져 있는데, 0과 1로 이루어져 있으며 컴퓨터에게 프로그램이 어떻게 실행되어야 하는지 알려주는 코드입니다. make 명령어 자체는 컴파일러가 아니고, clang이라는 컴파일러를 호출해서 C 소스 코드를 오브젝트 코드로 컴파일 하도록 합니다. 전처리(Precompile) # 으로 시작되는 C 소스 코드는 전처리기에게 실질적인 컴파일이 이루어지기 전에 무언가를 실행하라고 알려줍니다. 예를 들어, #include는 전처리기에게 다른 파일의 내용을 포함시키라고 알려줍니다. stdio.h 파일의 내용..
01 문장 출력 #include int main(void) { printf("hello world\n"); } 첫 번째 C 프로그램 1행에서, #include 는 이 프로그램이 stdio.h라는 파일 안에 들어 있는 미리 작성된 함수들에 접근할 수 있도록 합니다. 이로 인해 화면에 문자를 보여주는 역할을 하는 printf라는 함수를 가져다 사용할 수 있습니다. 3행의 int main(void)는 프로그램의 시작점을 정의합니다. 중괄호 안의 내용이 어떠한 것이든 main 함수의 한 부분이 됩니다. printf는 문자열을 화면에 출력하는 함수입니다. C에서 문자열은 항상 큰따옴표 안에 작성해야 합니다. printf 괄호 안에는 화면에 보여주고자 하는 문자열을 입력값으로 넣어줄 수 있습니다. 이 경우 문자열은..
01 알고리즘 1. 알고리즘이란 컴퓨팅이 입력 - 처리 - 출력하는 과정일 때, 알고리즘은 입력자료 -> 출력형태로 만드는 처리 과정을 뜻함. 즉, 입력값을 출력값의 형태로 바꾸기 위해 어떤 명령들이 수행되어야 하는지에 대한 규칙들의 순서적 나열입니다. 알고리즘을 정확하고 효율적으로 짜면 시간과 공간을 절약할 수 있다. 2. 의사코드 알고리즘을 표현하는 방법으로는 자연어(natural language), 의사 코드(Pseudocode), 순서도(flowchart)등이 있다. 프로그래밍은 컴퓨터가 알아들을 수 있게 정해진 코드를 사용해야하는 반면, 의사코드는 정해진 방법이 없어 문법 제약을 덜 받으므로 알고리즘 표현에 많이 사용된다. 02 선형(linear) 탐색 선형탐색 : 원하는 원소가 발견될 때까지 ..
01. 하드웨어 1. 컴퓨터 내의 하드웨어 컴퓨터의 하드웨어는 크게 중앙처리장치, 기억장치, 입출력장치로 구성된다. 중앙처리장치(Central Processing Unit, CPU)는 프로세서라고도 불리며, 입력장치에서 받은 명령을 실제로 처리함. CPU의 1초 동안의 연산량과 속도를 측정하는 단위는 기가헤르츠(GHz)이다. 기억장치는 입력된 명령이나 데이터가 저장되는 공간이다. 주기억장치에는 RAM(Random Access Memory)이 있다. RAM은 입출력이 가능한 메모리로서, 응용 프로그램을 일시적으로 불러오거나, 데이터를 일시적으로 저장하는데 사용되는 기억 장치이다. RAM이 정보 저장 용량은 기가바이트(GB)로 표기된다. 보조기억장치인 하드드라이브(C:)는 영구적으로 데이터를 저장한다. 많이..
코드스테이츠 카테고리를 만들었지만 글은 여기다 쓴다. 이미 오래 기다렸던 부트캠프 하나 취소하고 두 번째로 신청한 거여서, '안 되면 딴 데 가자' 하면서도 은근히 조마조마했다. 어제까지만 해도 공부 진도가 쑥쑥 나가서 기분이 좋았는데 막상 발표 당일이 되니까 시간이 지날수록 '왜.. 아직.. 연락이 없지...?' 하며 손에 뭐가 안 잡히더라. 알람톡 뜰 때마다 희번득 하다가 결과발표창 보자마자 안심했다. 첫 마디가 '합격'이라. 생각해보면 내가 지원사업 할 때도 결과발표는 항상 퇴근시간 즈음이었는데 ^^ 내로남불이라더니.. 이제 좀 진정하고 남은 기간동안 추천받은 책이나 쭉 읽어야겠다. 듣던 강의는 복습 한 번 돌면서 정리하고 무리해서 진도 나가지 말아야지. 자주 찾게 될 것 같아서 코스 링크도 첨부...
01 LNB 역대급으로 알아먹기 힘든 회차였다.. 약올리는 것도 아니고 포인트 좀 정리해서 전달해줬으면 ㅠㅠㅠ 마크업 : .lnb > .container > .row > .col-sm-4 > .lnb-list > lnb-item > a 스타일링 a에 텍스트 스타일 넣고 inline-flexbox로 정렬+사이즈 주기 레이아웃 02 페이지 레이아웃 페이지 구조 리팩토링 global footer 제작 global header 제작
01 sidebar 마크업 기초는 : 문서의 맥락에서 벗어나 존재하는 요소를 담음. heading 태그 필요. 내부에서도 각 역할에 맞게 , , 로 섹션 구분하기 styling을 위해 필요한 만큼 로 감싸기 02 sidebar 내부 스타일 전체적인 padding 파악, padding 또는 height 고정으로 간격 조정하기 avatar 이미지가 없는 경우에 대비해 기본 이미지를 background-image로 삽입 bg-position: center center; bg-repeat: no-repeat; bg-size: contain; 넘치는 유저이름을 '...' 처리(truncate) 하려면 (수제캔디 생각하기) 상위영역(block) 크기 지정 (flex 정렬 된 상태라면 유저이름에 flew-grow: ..
01. 레이아웃 분석 모바일(sm) / 태블릿(md) / 데스크탑(lg) 공통요소 찾기 디자인 뿐 아니라 기능이 완전히 동일한 요소를 찾아야. 3타입 공통요소 : 서비스명(h1, a), 장바구니 버튼(button, a) md-lg 공통요소 : 원샷원킬하는 반응형 레이아웃 잡기 시안에서 구역이 나뉘는 or 묶이는 부분 찾기 breakpoint별로 무엇을 숨기거나 추가해서 해당 구역 안에 집어넣을 수 있도록 설계 02 마크업 작성 모바일 -> 태블릿 -> 데탑 순서 sementic markup : 전체는 , 내부에는 , (타입 꼭 적기), (제목태그 꼭 넣기), 등 이용해서 작성. 필요에 따라 aria-label, aria-hidden, sm-only, visually-hideen, btn-primary 등..
회고 오늘 드디어 오늘의집 클론코딩 modules 부분을 완료하나 했는데 웬 오류에 부딪혀 시간을 잡아먹었다. https://github.com/microsoft/vscode/issues/146567 저렇게 - 1 이 들어간 부분은 죄다 오류가 나고 있는데 변수를 인식 못해서 이러는 건가 싶기도 하고 도대체 뭘 원하는지 모르겠다. - 기호랑 숫자를 붙였다 떼었다 괄호를 쳤다 변수를 NUM으로 바꿔보고 어떻게 해서 해결. 이 와중에 티스토리 글쓰기 기능도 오류나서 필기고 TIL고 저장 안 되는데 미치는 줄 알았다!
1. '핸들러'의 정의 : 이벤트가 발생했을 때 실행되는 함수. 핸들러 할당 1 : onclick 속성 방법1 (자주 쓰이지 않음) : html 에서으로 속성값으로 괄호 포함한 함수 입력하여 할당 *onclick="alert('클릭!')" -> 브라우저가 속성값 "alert('클릭!')"을 본문으로 하는 핸들러 함수를 만듦. 방법 2 : DOM프로퍼티에서 button.onclick = function() { alert('클릭!'); }; 으로 직접 할당 *별도로 생성되어 있는 함수를 핸들러로 할당할 경우 button.onclick = sayHello ; 처럼 괄호 없이 입력. 괄호 입력하면 함수가 아니라 함수 실행한 결괏값이 할당됨. onclick프로퍼티는 하나밖에 없기 때문에 복수의 이벤트핸들러를 할당..