코딩기록

HTML 삽입 미리보기할 수 없는 소스 - 기존 css는 배경을 input과 같은 위치에 두어 css로 조정하게 하였다. - 나도 자바스크립트 없이 css로만 그렇게 할까 싶었지만 그러려면 input의 위치를 하나씩 잡아야하기 때문에 재사용성이 떨어질 것 같았다. const changeBg = () => { for(let i = 1; i

📌 ++연산자 #include int main(void) { int a = 10; printf("a는 %d\\n", a); //10 a++; printf("a는 %d\\n", a); //11 a++; printf("a는 %d\\n", a); //12 return 0; } a++ 는 a = a + 1과 같음 전위/후위 연산자 int main(void) { int b = 10; printf("b는 %d\\n", ++b); // 11 printf("b는 %d\\n", b++); // 11 printf("b는 %d\\n", b); //12 return 0; } ❓ 왜 두번째는 11이 나왔을까? ++연산자가 변수 앞에 있을 때는 전위 ++연산자가 변수 뒤에 있을 때는 후위 전위는 증가 연산 한 후에 출력을 하고,..

📌 printf()로 출력 #include int main(void) { int add = 3 + 7; printf("3 + 7 = %d\\n", add); printf("%d + %d = %d\\n", 1, 2, 3 + 4); printf("%d x %d = %d\\n", 1, 2, 3 * 4); return 0; } //실행결과 3+7=10 1+2=7 1x2=12 %d 즉 정수형 값을 3번 받겠다는 의미 쉼 표 뒤에 있는 값이 순서대로 들어감 곱하기도 가넝 📌 scanf()로 입력받기 더보기 ⚠️ scanf( )와 scanf_s( ) 기본 표준 입력 명령어는 scanf( ) 하지만 scanf( ) 함수를 사용하면 입력크기에 제한이 없어서 지정된 크기보다 더 많은 양을 입력 받는 버퍼 오버플로라는 메모..

options: { onHover: (event, chartElement) => { event.native.target.style.cursor = chartElement.length === 1 ? 'pointer' : 'default'; // console.log(event); // console.log(chartElement); // if(chartElement.length === 1) { // event.native.target.style.cursor = 'pointer'; // } else { // event.native.target.style.cursor = 'default'; // } }, scales: { y: { beginAtZero: true } } } - 그래프가 있으면 chartElem..

HTML 삽입 미리보기할 수 없는 소스 day 6 챌린지는 hover 연습 같다. 기존 챌린지에서는 원 말고도 다른 컴포넌트드이 더 있지만 원 움직이는 것만 해도 연습이 될 것 같다. https://100dayscss.com/days/6/ Day 6 - 100 Days CSS Challenge 100 Days CSS Challenge Profile: Who of you knows how many social media profiles you have already created? For a refreshing twist, you can also create one yourself. 100dayscss.com

📌 변수 #include int main(void) { printf("hello world\\n"); return 0; } C언어로 코드를 작성하면 이를 컴퓨터가 알아들을 수 있는 기계어로 번역하는 과정이 필요함. 이를 컴파일이라고 하고, 이 역할을 하는 프로그램을 컴파일러라고 함. 비주얼 스튜디오가 컴파일러 역할 #include는 전처리기 지시문 이라고 함. 코드를 작성하는 사람은 컴파일에 필요한 것들을 컴파일러에게 알려줘야 함. 이때 사용하는 것이 전처리기 지시문 #include는 ‘지정한 파일을 코드에 포함하라’라는 뜻. stdio.h는 표준 입출력 함수를 포함한 헤더파일 나 “”안에 사용 stdio.h파일에는 앞에서 사용한 printf()함수나 scanf()함수 등 입출력 관련 함수들이 선언되어 ..

HTML 삽입 미리보기할 수 없는 소스 alternate - 애니메이션이 끝났을 때 자연스럽게 반대방향으로 이동하게 함. https://developer.mozilla.org/ko/docs/Web/CSS/CSS_animations/Using_CSS_animations CSS 애니메이션 사용하기 - CSS: Cascading Style Sheets | MDN CSS3 애니메이션은 엘리먼트에 적용되는 CSS 스타일을 다른 CSS 스타일로 부드럽게 전환시켜 줍니다. 애니메이션은 애니메이션을 나타내는 CSS 스타일과 애니메이션의 중간 상태를 나타내는 키프 developer.mozilla.org

HTML 삽입 미리보기할 수 없는 소스 * html - 피라미드 반대편 부분의 위치를 기존 피라미드 삼각형에 맞추려고 pyramid 안에 side 넣었다. * css - 해랑 그림자의 위치를 position으로 조절을 하는건지 고민을 했는데 transform-origin을 사용해서 조정했다. - x, y, z의 위치 조절이 가능하다. /* x-offset | y-offset | z-offset */ transform-origin: 2px 30% 10px; https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin transform-origin - CSS: Cascading Style Sheets | MDN The transform-origin C..

day1 - 반가워요 hello hello - 무슨 말인지 모르지만 일단 이렇게 적어서 실행해보라고 했다. 미래의 나는 이유를 알게되겠지 int main() { printf("hello!!!"); } - 원래는 이렇게 작성했는데 콘솔창에 종료문구가 불편하다면 (void)getchart(); 를 추가하는 것. - 하지만 코드마다 추가해야 하므로 종료 문구가 불편하지 않다면 그냥 사용해도 됨.

❓문제 더보기 정수 n이 매개변수로 주어질 때, n 이하의 홀수가 오름차순으로 담긴 배열을 return하도록 solution 함수를 완성해주세요. * 내 풀이 function solution(n) { let answer = Array.from({length:n}, (v,i)=>i+1); return answer.filter((value, index, arr) => { return index % 2 === 0 }) } * 다른 사람 풀이 function solution(n) { var answer = []; for (let i = 1; i